jQuery EasyUI Data Grid - Aggiungere componente impaginazione
Questo esempio dimostra come caricare i dati dal server, come aggiungere componenti schede (impaginazione) per la griglia di dati (DataGrid).
La creazione di una griglia di dati (DataGrid)
Per caricare i dati da un server remoto, è necessario impostare la proprietà 'url' nel server dovrebbe restituire i dati JSON formattati. Vedi griglia di dati documentazione (DataGrid) per maggiori informazioni sul formato dei dati su di esso.
<Table id = "tt" class = stile "easyui-DataGrid" = "width: 600px; height: 250px" url = "datagrid2_getdata.php" title = "iconCls caricare i dati" = "icona-save" rownumbers = "true" impaginazione = "true"> <Thead> <Tr> <Field Th = "Itemid" width = "80"> ID Articolo </ th> <Field Th = larghezza "ProductID" = "80"> ID prodotto </ th> <Th campo = larghezza "prezzo di listino" = "80" align = "right"> Listino </ th> <Field Th = "Costounitario" width = "80" align = "right"> Costo Unità </ th> <Th campo = larghezza "attr1" = "150"> attributo </ th> <Field Th = "status" width = "60" align = "center"> Stauts </ th> </ Tr> </ Thead> </ Table>
Noi definiamo la colonna Data Grid (DataGrid), e impostare la proprietà 'impaginazione' è vera, verrà generato un barra strumenti della pagina (impaginazione) nella parte inferiore della griglia di dati (DataGrid) di. impaginazione invierà due parametri al server:
- pagina: numero di pagina iniziale il valore 1.
- righe: righe per pagina.
codice lato server
? $ = Pagina isset ($ _ POST [ 'pagina']) intval ($ _ POST [ 'pagina']): 1; ? $ Rows = isset ($ _ POST [ 'righe']) INTVAL ($ _ POST [ 'righe']): 10; // ... $ Rs = mysql_query ( "select count (*) dalla voce"); $ Riga = mysql_fetch_row ($ rs); $ Result [ "totale"] = $ row [0]; $ Rs = mysql_query ( "select * from limite articolo $ compensare, $ file"); $ Items = array (); while ($ row = mysql_fetch_object ($ rs)) { array_push ($ articoli, $ row); } $ Risultato [ "file"] = $ articoli; json_encode echo ($ result);