Red de conocimiento informático - Material del sitio web - Configuración del código fuente del menú multinivel

Configuración del código fuente del menú multinivel

Es mejor no exportar desde la base de datos cada vez, es demasiado lento. Por supuesto, el siguiente XML también se puede exportar a partir de los datos mediante ASP y luego llamarlo mediante el siguiente código.

Enlace dinámico de n niveles basado en XML

mselect.xml

& lt? ¿Versión XML = "1.0" codificación = "GB 2312"? & gt

& ltTroot & gt

& litem id = " 1 " PID = " 0 " c = " 1 " >Universidad

& ltItem id= "2" pid="0" c="3 " >Escuela secundaria

& ltItem id="3" pid="0" c="3 " >Escuela primaria

& ltItem id="4" pid="2" c="2 " >Escuela secundaria

& ltItem id="5" pid="2" c="5 " >Escuela secundaria

& ltItem id="6" pid="15" c="3 " >Universidad de Tsinghua.

& ltItem id="7" pid="15" c="4 " >Universidad de Pekín.

& ltItem id="8" pid="5" c="3 " >Escuela secundaria Tianjin Tiesan

& ltItem id="9" pid="4" c= "3" >Escuela Secundaria No. 2 de Tianjin

& litem id = " 10 " PID = " 16 " c = " 2 " >Conservatorio de Música de Tianjin

& litem id = " 11 " PID = " 15 " c = " 5 " >Universidad de Comercio de Tianjin

& ltItem id="12" pid="4" c="3 " >Escuela secundaria Huayao

& ltItem id="13" pid="3" c="6 " >Escuela primaria Wei Kun Road

& ltItem id="14" pid="2" c="6 " >Séptima Escuela Secundaria

& litem id = " 15 " PID = " 1 " c = " 1 " >Colegio Integral

& litem id = " 16 " PID = " 1 " c = " 1 " >Facultad de Arte

& litem id = " 17 " PID = " 15 " c = " 4 " >Universidad de Medicina

& litem id = " 18 " PID = " 15 " c = " 4 " >Universidad Normal de Tianjin

& ltitem id = " 19 " PID = " 15 " c = " 23 " >Universidad de Tianjin

& ltItem id ="20" pid=" 15" c="7 " >Universidad de Nankai

& ltItem id="21" pid="4" c="23 " >Escuela secundaria Tianjin Tieyi

& ltItem id ="22" pid="5" c="5 " >Escuela secundaria Tianjin Tieyi

& ltItem id="23" pid="3" c="3 " > Niños de la escuela primaria n.° 3 de empleados del ferrocarril de Tianjin

& ltItem id="24" pid="3" c="3 " >escuela primaria para niños de los trabajadores ferroviarios n.° 1 de Tianjin

& ltItem id="25" pid="16" c="3 " >Escuela de Bellas Artes

& ltItem id="26" pid="16" c="3 " >Escuela de Educación Física

& lt/Troot & gt;

mselect.htm

& ltHTML & gt

& ltHEAD & gt

& ltTITLE & gtXML versión del enlace multinivel

& ltscript language = javascript & gt

& lt! -

/****************************************** ******

//

//Uso de DOM para implementar: enlace dinámico de nivel N basado en XML

//

//********************************************* */

//Los derechos de autor finales pertenecen a Ruisi Technology. Puede usarlo sin autorización, pero conserve esta información.

//

//Autor: Rust Soft (Canción loca de Pat Soft)

//Conjunto de selección de enlaces multinivel

var objSelects = new Array();

//Crea el objeto de selección esperado.

Función funCreateSelectEl(passPid)

{

//Crear un objeto DOMDocument

var XML src = nuevo objeto ActiveX(" MicroSoft .XML DOM ");

xmlSrc = xmlSource. XMLDocument

// raíz es el nodo raíz del objeto del documento.

var root = XML src .

//Obtiene todos los nodos con el ID principal pasado.

var elementos actuales = root . select nodes("//Troot/Item[@ PID = "+passPid+"]");

var I elementos = longitud de elementos actuales;

if(I items & gt; 0)

{

//Crear un Seleccionar y escribir el evento OnChange.

var new child = document . createelement(" & lt; SELECT onchange = ' eventSltChange()' id = ' SLT "+objselects . length+" ' & gt);

/ /Agregar un nuevo objeto Seleccionar a la colección.

objSelects[objSelects .length]= new child

//Agregar todas las opciones al par de selección

< p. >var I;

for(I = 0;i<project;i++)

{

var op tion = document . /p>

Option.text = currentItems[i].Text;

Option.value = currentItems[i].Property[0].Text;

nuevo hijo. opciones . add(option);

}

//Coloca la selección recién creada en el destino

odiv . p>

//Establecer un valor nulo primero

newChild.value =

}

}

//Seleccione OnChange función de respuesta al evento

Función eventSltChange()

{

//Eliminar todos los elementos secundarios bajo este nivel.

var I;

for(I = objselects . length-1;i>parse int(event . srcelement . id . replace(" SLT ", ""), 10) ;I -)

{

odiv .eliminar niño(objSelects[I]);

objselects .

}

//Respuesta a la nueva selección

funCreateSelectEl(event . srcelement . value);

//Resultados de selección vinculados

var resultArray = nueva matriz();

for(I = 0;i<objSelects.lengthi++)

{

resultArray[i] = objSelects[i]. valor;

}

//Salida seleccionada

salida. texto interno = matriz de resultados.("-");

//-& gt;

& lt/SCRIPT & gt;

& lt/HEAD & gt;

& ltBODY onload = " funCreateSelectEl(0)" & gt;

& ltDIV ID = " oDIV " & gt& lt/DIV & gt;

& ltXML ID = " Fuente XML " src = " m select . XML "/& gt;

& ltBR/>;

Resultados seleccionados:

& lt/BODY

& lt/HTML & gt;

Guarde mselect.xml y mselect.xml en el mismo directorio y ejecute mselect.xml en IE.