jQuery EasyUI Baummenü - dynamisch geladene Baum Gitter
Dynamisch geladene Baum Gitterlinien helfen Daten aus dem Server-Teil zu laden, vermeiden, dass große Daten lange Wartezeit zu laden. Dieses Tutorial zeigt Ihnen, wie man einen Baum mit dynamischen Lastkenn Raster (TreeGrid) zu erstellen.
Erstellen Baumgitter (TreeGrid)
<Table title = "Produkte" class = "easyui-treegrid" style = "width: 700px; height: 300px" url = "treegrid3_getdata.php" rownumbers = "true" idField = "id" treeField = "name"> <Thead> <Tr> <Th Feld = "name" width = "250"> Name </ th> <Th field = "Quantität" width = "100" align = "right"> Menge </ th> <Th field = "Preis" width = "150" align = "right" Formatter = "formatDollar"> Preis </ th> <Th Feld = "total" width = "150" align = "right" Formatter = "formatDollar"> Total </ th> </ Tr> </ Thead> </ Table>
Server-Side-Code
treegrid3_getdata.php
$ Id = isset ($ _ POST [ 'id']) intval ($ _ POST [ 'id']): 0 ;? schließen 'conn.php'; $ Ergebnis = array (); $ Rs = mysql_query ( "select * from Produkten, bei denen parentId = $ id"); while ($ row = mysql_fetch_array ($ rs)) { ? $ Row [ 'state'] = has_child ($ row [ 'id']) 'geschlossen': 'offen'; $ Row [ 'total'] = $ row [ 'Preis'] * $ row [ 'Menge']; array_push ($ result, $ row); } Echo json_encode ($ result); Funktion has_child ($ id) { $ Rs = mysql_query ( "SELECT COUNT (*) von Produkten, bei denen parentId = $ id"); $ Row = mysql_fetch_array ($ rs); $ Row return [0]> 0 wahr :? false; }