Por favor, dé un ejemplo del árbol easyui, ¡gracias!

¿Usando easyui? Es necesario hacer referencia a los js y css necesarios en la página link?href=".../.../.../Easyui/themes/default/easyui.css"?rel="stylesheet"?type=" texto /css"/gt;?lt;link?href=".../.../.../Easyui/themes/icon.css"?rel="stylesheet"?type="text/css"? / gt;lt;script?src=".../.../Easyui/themes/icon.css"?/.../.../Easyui/jquery-1.7.2.min.js"?tipo = "text/javascript"gt;lt;/scriptgt;lt;script?src=".../.../.../.../Easyui/jquery.easyui.min.js"?type=" texto /javascript"gt;lt;/scriptgt;lt;script?src=".../.../.../.../Easyui/locale/easyui-lang-zh_CN.js"?type=" text /javascript"gt;lt;/scriptgt;

//?easyui?tree?Generalmente, solo se necesita una URL de atributo para mostrar los datos y el árbol cargará automáticamente los datos con ajax

//? ¿En cuanto a cómo mostrar la página correspondiente al hacer clic en un nodo del árbol? El formato de datos json del árbol tiene atributos que se pueden usar para personalizar la URL

// Como se muestra En el siguiente ejemplo, se puede utilizar el formato de datos json del árbol. Propiedades de la URL personalizada.

\Attribute/": {/"jsUrl/"..., las siguientes columnas son los datos json del árbol que empalmé en js

/*************** *** ************************************************* *************************/ /*InitializeTree*/

¿Función InitTree?()?{

/ *InitializeTree**

$('#tree').tree({

animate:?true,

/ /lines:?true,

p>

casilla de verificación:?false,

datos:?TableToXml.TreeData(),

onContextMenu:?función?(e ,?node)?{

e.preventDefault();?//Impedir el menú contextual predeterminado del navegador

//?Seleccionar nodo

if(node .id!=?-1?amp ;amp;?node.id!=?-2?amp;amp;?node.id!=?-3)?{

$('#txt_xml ').attr('disabled', ? true');

$('#btn_save').linkbutton('disabled');

TableToXml.currtableName?=?node .id;

TableToXml.currJsUrl?=?node.attributes.jsUrl;

$('#mm').menu('show',? {

izquierda:?e.pageX,

arriba:?e.pageY

}

}

}

}); /p>

},

Datos json de árbol combinados

TreeData:?()?{

var? TreeJson?=?' [{\ "id\": -1, \"text\": \"Tablas\", \"niños\": [';

TreeJson? =?' \"id\: -2, text\:\"Contabilidad de fuentes de aguas residuales\",\"children\":[';

for?(var?j?=?0;?j?lt ;?TableToXml.tableArray[0] .length;?j )?{

TreeJson? =?' {\"id\":\"'? ?TableToXml.tableArray[0][j]. split('$')[0]?'\",\"text\":\"'? ?TableToXml.tableArray[0][j].split('$')[1]? ,\"attributes\": { \"jsUrl\"：\"'? ?TableToXml.tableArray[0][j].split('$')[2]? ?'\}';

if?(j?lt ;?TableToXml.tableArray[0].length?-?1)

TreeJson? =?,';

}

TreeJson?｝,'';

TreeJson? =?' {\"id\": -3, \"text\": \"Contabilidad de origen de escape\", \"estado\":? \;

for(var?j?=?0;?j?lt;?TableToXml.tableArray[1].length;?j )?{

TreeJson? ' {\"id\":\"'? ?TableToXml.tableArray[1][j].split('$')[0]? ?'\",\"text\":\"'? ?TableToXml .tableArray[1][j].split('$')[1]?'\",\"attributes\":{\"jsUrl\":\"'?TableToXml.tableArray[1][j] ].split('$')[2]?'\"}}';

si?(j?lt;?TableToXml.tableArray[1].length?-?1)

TreeJson? =?,';

}

TreeJson? =?']}]}]';

TreeJson?=? eval("("? ?TreeJson? ?")") )

return?TreeJson;

},

Árbol en API separada

$('#tt').tree({?

url:?...

El árbol obtendrá automáticamente datos en formato json a través de ajax en segundo plano (necesita empalme en segundo plano)?

loadFilter:?function(data){?

if?(data.d){?

return?

} más?

}?

}?

});

Echa un vistazo a la API. .. ..