jQuery EasyUI Data Grid - impostare il tipo
Questo esempio dimostra come ordinare la griglia di dati (DataGrid) lista cliccando sul titolo.
Data Grid (DataGrid) di tutte le colonne facendo clic sull'intestazione per ordinare l'elenco. È possibile definire quali colonne possono essere ordinate. Per impostazione predefinita, la colonna non può essere ordinata a meno che non si imposta la proprietà ordinabili su true.
La creazione di una griglia di dati (DataGrid)
<Table id = "tt" class = stile "easyui-DataGrid" = "width: 600px; height: 250px" url = "datagrid8_getdata.php" title = "iconCls caricare i dati" = "icona-save" rownumbers = "true" impaginazione = "true"> <Thead> <Tr> <Field Th = "Itemid" width = "80" ordinabile = "true"> ID Articolo </ th> <Th campo = larghezza "ProductID" = "80" ordinabile = "true"> ID prodotto </ th> <Th campo = larghezza "prezzo di listino" = "80" align = "right" ordinabile = "true"> Listino </ th> <Field Th = "Costounitario" width = "80" align = "right" ordinabile = "true"> Costo Unità </ th> <Th campo = larghezza "attr1" = "150"> attributo </ th> <Field Th = "status" width = "60" align = "center"> Stauts </ th> </ Tr> </ Thead> </ Table>
Definiamo alcune colonne ordinabili contengono itemid, ProductID, prezzo di listino, Costounitario piace. colonna 'attr1' e la colonna 'status' non possono essere ordinati.
Quando si ordina la griglia di dati (DataGrid) invia due argomenti al server remoto:
- ordinamento: ordinare l'elenco dei nomi dei campi.
- ordine: Ordina, può essere 'crescente' o 'desc', il valore di default è 'asc'.
codice lato server
? $ = Pagina isset ($ _ POST [ 'pagina']) intval ($ _ POST [ 'pagina']): 1; ? $ Rows = isset ($ _ POST [ 'righe']) INTVAL ($ _ POST [ 'righe']): 10; ? $ Sort = isset ($ _ POST [ 'sorta']) strval ($ _ POST [ 'sorta']): 'Itemid'; ? $ Order = isset ($ _ [ 'ordine'] POST) strval ($ _ [ 'ordine'] POST): 'asc'; $ Offset (pagina-1 $) * = $ file; $ Risultato = array (); includere 'conn.php'; $ Rs = mysql_query ( "select count (*) dalla voce"); $ Riga = mysql_fetch_row ($ rs); $ Result [ "totale"] = $ row [0]; $ Rs = mysql_query ( "select * from ordine voce dal limite di $ sorta $ ordine $ compensare, $ file"); $ Items = array (); while ($ row = mysql_fetch_object ($ rs)) { array_push ($ articoli, $ row); } $ Risultato [ "file"] = $ articoli; json_encode echo ($ result);