jQuery EasyUI Data Grid - définir le tri
Cet exemple montre comment trier la grille de données (DataGrid) liste en cliquant sur l'en-tête.
Data Grid (DataGrid) de toutes les colonnes en cliquant sur l'en-tête pour trier la liste. Vous pouvez définir les colonnes peuvent être triées. Par défaut, la colonne ne peut pas être triée sauf si vous définissez la propriété sortable à true.
Création d'une grille de données (DataGrid)
<Table id = classe "tt" style = "easyui-datagrid" = "width: 600px; height: 250px" url = "datagrid8_getdata.php" title = "iconCls de données de charge" = "icon-save" rownumbers = "true" pagination = "true"> <Thead> <Tr> <Field Th = "itemid" width = "80" sortable = "true"> ID de l'article </ th> <Th field = largeur "ProductID" = "80" sortable = "true"> ID de produit </ th> <Th field = largeur "ListPrice" = "80" align = "right" sortable = "true"> Prix </ th> <Field Th = "unitcost" width = "80" align = "right" sortable = "true"> Coût unitaire </ th> <Field Th = largeur "de attr1" = "150"> Attribut </ th> <Field Th = "status" width = "60" align = "center"> Stauts </ th> </ Tr> </ Thead> </ Table>
Nous définissons quelques colonnes triables contiennent itemid, productid, Prix officiel, unitcost aimons. colonne «Attr1» et la colonne «statut» ne peuvent pas être classés.
Lorsque vous triez la grille de données (DataGrid) envoie deux arguments au serveur distant:
- tri: trier la liste des noms de champs.
- ordre: Trier, peut être «asc» ou «desc», la valeur par défaut est «asc».
Le code côté serveur
? $ Page = isset ($ _ POST [ 'page']) intval ($ _ POST [ 'page']): 1; ? $ Rows = isset ($ _ POST [ 'lignes']) INTVAL ($ _ POST [ 'lignes']): 10; ? $ Trier = isset ($ _ POST [ 'sort']) strval ($ _ POST [ 'sort']): 'Itemid'; ? $ Order = isset ($ _ POST [ 'ordre']) strval ($ _ POST [ 'ordre']): «asc»; $ Offset = ($ Page-1) * $ lignes; $ Résultat = array (); inclure 'conn.php'; $ Rs = mysql_query ( "select count (*) à partir de l'article"); $ Ligne = mysql_fetch_row (rs $); Résultat $ [ "total"] = $ row [0]; $ Rs = mysql_query ( "select * from élément order by limite $ sort $ d'ordre $ offset, $ lignes"); $ Articles = array (); while ($ row = mysql_fetch_object ($ rs)) { array_push ($ articles, $ ligne); } $ Résultat [ "lignes"] = $ Articles; json_encode echo ($ result);