menú de árbol jQuery EasyUI - rejilla árbol cargado dinámicamente
Dinámicamente líneas de la cuadrícula de árbol cargado ayudan a cargar datos desde la parte de servidor, evitar cargar grandes cantidades de datos hay que esperar mucho. Este tutorial le mostrará cómo crear un árbol con carga dinámica rejilla característica (TreeGrid).
Crear cuadrícula de árbol (TreeGrid)
<Tabla title = "Productos" class = estilo "easyui-treegrid" = "width: 700px; altura: 300px" url = "treegrid3_getdata.php" rownumbers = "true" campo ID = "id" treeField = "nombre"> <Culata en T> <Tr> <= Th Campo ancho "nombre" = "250"> Nombre </ th> <= Th Campo anchura "cantidad" = "100" align = "right"> Cantidad </ th> <= Th Campo ancho "precio" = "150" align = formateador "derecho" = "formatDollar"> Precio </ th> <Campo Th = "total" width = "150" align = "right" formateador = "formatDollar"> Total </ th> </ Tr> </ Culata en T> </ Table>
El código de servidor
treegrid3_getdata.php
$ Id = isset ($ _POST [ 'id']) intval ($ _POST [ 'id']): 0 ;? incluir 'conn.php'; $ Resultado = array (); $ Rs = mysql_query ( "SELECT * FROM productos en los que parentId = $ id"); while ($ fila = mysql_fetch_array ($ rs)) { ? $ Fila [ 'estado'] = has_child ($ fila [ 'id']) "cerrado": "abierta"; $ Fila [ "total"] = $ fila [ 'precio'] * $ fila [ "cantidad"]; array_push ($ resultado, $ fila); } json_encode echo ($ resultado); has_child función ($ id) { $ Rs = mysql_query ( "select count (*) a partir de productos en los que parentId = $ id"); $ Fila = mysql_fetch_array ($ rs); devolver $ fila [0]> 0 cierto :? falsa; }