1. Casa
  2. jQuery EasyUI Data Grid - impostare il tipo

Il miglior tutorial jQuery EasyUI Data Grid - impostare il tipo Nel 2024, in questo tutorial puoi imparare Scarica esempi jQuery EasyUI,

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);

Scarica esempi jQuery EasyUI

jeasyui-datagrid-datagrid8.zip

Tutorial caldi

Contattaci

jQuery EasyUI Data Grid - impostare il tipo
10/30