Najlepszy samouczek Drzewo menu jQuery EasyUI - załadowane dynamicznie drzewa siatki W 2024 r. W tym samouczku możesz dowiedzieć się Pobierz przykłady jQuery EasyUI,

Drzewo menu jQuery EasyUI - załadowane dynamicznie drzewa siatki

Załadowane dynamicznie drzewo linii siatki pomaga załadować dane z części serwera uniknąć ładowania dużych ilości danych długo czekać. Ten poradnik pokaże Ci, jak stworzyć drzewo z dynamicznego obciążenia charakterystycznego siatki (TreeGrid).

Tworzenie drzewa siatkę (TreeGrid)

	<Tabela title = "Produkty" class = "easyui-TreeGrid" style = "width: 700px; height: 300px"
			url = "treegrid3_getdata.php"
			rownumbers = "true"
			idField = "id" treeField = "name">
		<THEAD>
			<Tr>
				<Th pole = "name" width = "250"> Nazwa </ th>
				<Th pole = "ilość" width = "100" align = "right"> Ilość </ th>
				<Th pole = "cena" width = "150" align = "right" formatowania = "formatDollar"> Cena </ th>
				<Pole Th = "total" width = "150" align = "right" formatowania = "formatDollar"> Łącznie </ th>
			</ Tr>
		</ THEAD>
	</ Table>

Kod po stronie serwera

treegrid3_getdata.php

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

to "conn.php ';
$ Result = array ();
$ R = mysql_query ( "select * from produktów, w których parentId = $ id");
while ($ row = mysql_fetch_array ($ rs)) {
	? $ row [ 'state'] = has_child ($ row [ 'id']) "zamknięty": "otwarty";
	$ Row [ 'całkowite'] = $ row [ 'cena'] * $ row [ 'ilość'];
	array_push ($ wynik, $ row);
}

echo json_encode ($ result);

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

Pobierz przykłady jQuery EasyUI

jeasyui-tree-treegrid3.zip

Drzewo menu jQuery EasyUI - załadowane dynamicznie drzewa siatki
10/30