Najlepszy samouczek jQuery EasyUI drzewa menu - aby utworzyć asynchronicznego Drzewo menu W 2024 r. W tym samouczku możesz dowiedzieć się Pobierz przykłady jQuery EasyUI,

jQuery EasyUI drzewa menu - aby utworzyć asynchronicznego Drzewo menu

Aby utworzyć asynchronicznego menu drzewa (drzewo), a każdy węzeł drzewa muszą mieć atrybut "id", ten zostanie przedłożony do serwera w celu pobrania danych węzła dziecko.

Tworzenie menu drzewa (drzewo)

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

Kod po stronie serwera

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

	to "conn.php ';

	$ Result = array ();
	$ R = mysql_query ( "select * from węzłów, gdzie parentId = $ id");
	while ($ row = mysql_fetch_array ($ rs)) {
		$ Node = array ();
		$ Węzeł [ 'id'] = $ row [ 'id'];
		$ Węzeł [ 'tekst'] row [ 'name'] = $;
		? $ Węzeł [ 'state'] = has_child ($ row [ 'id']) "zamknięty": "otwarty";
		array_push ($ wynik, $ node);
	}

	echo json_encode ($ result);

	Funkcja has_child ($ id) {
		$ R = mysql_query ( "select count (*) z węzłami, gdzie parentId = $ id");
		$ Row = mysql_fetch_array ($ rs);
		return $ row [0]> 0 prawda :? false;
	}

Pobierz przykłady jQuery EasyUI

jeasyui-tree-tree2.zip

jQuery EasyUI drzewa menu - aby utworzyć asynchronicznego Drzewo menu
10/30