1. Casa
  2. jQuery EasyUI menu ad albero - per creare un menu ad albero asincrono

Il miglior tutorial jQuery EasyUI menu ad albero - per creare un menu ad albero asincrono Nel 2024, in questo tutorial puoi imparare Scarica esempi jQuery EasyUI,

jQuery EasyUI menu ad albero - per creare un menu ad albero asincrono

Per creare un menu ad albero asincrono (albero), e ogni nodo albero deve avere un attributo 'id', questo sarà presentato al server per recuperare i dati di nodi figlio.

Creare menu ad albero (Tree) 

	<Ul id = "tt" class = "easyui-tree"
			url = "tree2_getdata.php">
	</ Ul>

codice lato server 

	$ Id = isset ($ _ POST [ 'id']) intval ($ _ POST [ 'id']): 0 ;?

	includere 'conn.php';

	$ Risultato = array ();
	$ Rs = mysql_query ( "select * from nodi in cui parentId = $ id");
	while ($ row = mysql_fetch_array ($ rs)) {
		$ Nodo = array ();
		$ Node [ 'id'] = $ row [ 'id'];
		$ Node [ 'testo'] = $ row [ 'name'];
		? $ Node [ 'stato'] = has_child ($ row [ 'id']) 'chiuso': 'aperto';
		array_push ($ risultato, $ node);
	}

	json_encode echo ($ result);

	Funzione has_child ($ id) {
		$ Rs = mysql_query ( "select count (*) da nodi in cui parentId = $ id");
		$ Row = mysql_fetch_array ($ rs);
		return $ row [0]> 0 vero :? falso;
	}

Scarica esempi jQuery EasyUI

jeasyui-tree-tree2.zip

Tutorial caldi

Contattaci

jQuery EasyUI menu ad albero - per creare un menu ad albero asincrono
10/30