jQuery EasyUI Data Grid - Hinzufügen Paginierung Komponente
Dieses Beispiel zeigt, wie die Daten vom Server zu laden, wie Registerkarten Komponente (Paginierung) an die Datengitter (Datagrid) hinzuzufügen.
Erstellen eines Data Grid (Datagrid)
Um Daten von einem Remote-Server zu laden, sollten Sie die Eigenschaft 'URL' in Ihrem Server eingerichtet zurückkehren sollte JSON-formatierte Daten. Siehe Data Grid (Datagrid) Dokumentation für weitere Datenformat Informationen über sie.
<Table id = "tt" class = "easyui-Datagrid" style = "width: 600px; height: 250px" url = "datagrid2_getdata.php" title = "Load Data" iconCls = "icon-save" rownumbers = "true" Paginierung = "true"> <Thead> <Tr> <Th Feld = "itemid" width = "80"> Item ID </ th> <Th Feld = "productid" width = "80"> Product ID </ th> <Th Feld = "gelisteter" width = "80" align = "right"> Listenpreis </ th> <Th Feld = "Unitcost" width = "80" align = "right"> Kosten pro Einheit </ th> <Th Feld = "attr1" width = "150"> Attribut </ th> <Th field = "status" width = "60" align = "center"> Stauts </ th> </ Tr> </ Thead> </ Table>
Wir definieren die Data Grid (Datagrid) Spalte, und legen Sie die "Paginierung" Eigenschaft wahr ist, wird es am unteren Rand des Datengitters (Datagrid) von einer Seite (Paginierung) Symbolleiste erzeugen. Paginierung werden zwei Parameter an den Server senden:
- Seite: Seitenzahl Startwert 1.
- Zeilen: Zeilen pro Seite.
Server-Side-Code
? $ Page = isset ($ _ POST [ 'Seite']) intval ($ _ POST [ 'Seite']): 1; ? $ Rows = isset ($ _ POST [ 'Reihen']) intval ($ _ POST [ 'Reihen']): 10; // ... $ Rs = mysql_query ( "SELECT COUNT (*) aus Position"); $ Row = mysql_fetch_row ($ rs); Ergebnis $ [ "total"] = $ row [0]; $ Rs = mysql_query ( "select * from Punkt Limit Offset $, $ Reihen"); $ Artikel = array (); while ($ row = mysql_fetch_object ($ rs)) { array_push ($ items, $ row); } Ergebnis $ [ "Reihen"] = Artikel $; Echo json_encode ($ result);