menu arborescent jQuery EasyUI - grille d'arbre chargé dynamiquement
Dynamiquement lignes de la grille d'arbre chargé aident à charger des données à partir de la partie serveur, éviter de charger de grandes données à long attente. Ce tutoriel va vous montrer comment créer un arbre avec charge dynamique grille caractéristique (TreeGrid).
Créer grille d'arbre (TreeGrid)
<Table title = "Produits" class = le style "easyui-treegrid" = "width: 700px; height: 300px" url = "treegrid3_getdata.php" rownumbers = "true" = zone ID "id" treeField = "nom"> <Thead> <Tr> <Th champ = largeur "name" = "250"> Nom </ th> <Th champ = largeur "quantité" = "100" align = "right"> Quantité </ th> <Th field = "price" width = "150" align = "right" formatter = "formatDollar"> Prix </ th> <Field Th = "total" width = "150" align = "right" formatter = "formatDollar"> Total </ th> </ Tr> </ Thead> </ Table>
Le code côté serveur
treegrid3_getdata.php
$ Id = isset ($ _ POST [ 'id']) intval ($ _ POST [ 'id']): 0 ;? inclure 'conn.php'; $ Résultat = array (); $ Rs = mysql_query ( "select * from produits où parentId = $ id"); while ($ row = mysql_fetch_array ($ rs)) { ? $ Row [ 'Etat'] = has_child ($ row [ 'id']) «fermé»: «ouvert»; $ Row [ 'total'] = $ row [ 'prix'] * $ row [ 'quantité']; array_push ($ result, $ row); } json_encode echo ($ result); fonction has_child ($ id) { $ Rs = mysql_query ( "select count (*) à partir de produits où parentId = $ id"); $ Ligne = mysql_fetch_array (rs $); return $ row [0]> 0 true :? false; }