1. Home
  2. jQuery EasyUI danych Siatka - ustawienie rodzaju

Najlepszy samouczek jQuery EasyUI danych Siatka - ustawienie rodzaju W 2024 r. W tym samouczku możesz dowiedzieć się Pobierz przykłady jQuery EasyUI,

jQuery EasyUI danych Siatka - ustawienie rodzaju

Ten przykład pokazuje, w jaki sposób sortowania (DataGrid) Lista Siatka danych poprzez kliknięcie na nagłówku.

Siatka danych (DataGrid) wszystkich kolumn klikając na nagłówek, aby posortować listę. Można określić, które kolumny mogą być sortowane. Domyślnie kolumna nie może być klasyfikowane chyba ustawić właściwość sortable na true.

Tworzenie siatki danych (DataGrid) 

	<Table id = class "tt" = "easyui-DataGrid" style = "width: 600px; height: 250px"
			url = "datagrid8_getdata.php"
			title = "data obciążenia" iconCls = "icon-save"
			rownumbers = "true" stronicowanie = "true">
		<THEAD>
			<Tr>
				<Pole Th = "itemid" width = "80" sortowalny = "true"> Item ID </ th>
				<Th pole = "productid" width = "80" sortowalny = "true"> ID produktu </ th>
				<Th pole = "ListPrice" width = "80" align = "right" sortowalny = "true"> Cennik </ th>
				<Pole Th = "unitcost" width = "80" align = "right" sortable = "true"> jednostkowy koszt </ th>
				<Th pole = "attr1" width = "150"> Atrybut </ th>
				<Pole Th = "status" width = "60" align = "center"> Stauts </ th>
			</ Tr>
		</ THEAD>
	</ Table>

Definiujemy niektóre oczyszczenia nasion kolumny zawierają itemID, IDProduktu, ListPrice, unitcost podoba. Kolumna "attr1" i "status" kolumna nie może być sortowane.

Podczas sortowania siatki danych (DataGrid) wysyła dwa argumenty do zdalnego serwera:

  • sortowania: sortowanie listy nazw pól.
  • Kolejność: Sortowanie, może być "mal" lub "mal", wartość domyślna to "mal".

Kod po stronie serwera 

	? $ Page = isset ($ _ POST [ 'page']) intval ($ _ POST [ 'page']): 1;
	? $ Rows = isset ($ _ POST [ 'Wiersze']) intval ($ _ POST [ 'Wiersze']): 10;
	? $ Sort = isset ($ _ POST [ 'porządek']) strval ($ _ POST [ 'porządek']): "itemid ';
	? $ Order = isset ($ _ POST [ 'zamów']) strval ($ _ POST [ 'zamów']): "mal";
	$ Offset = ($ page-1) * $ wiersze;
	
	$ Result = array ();
	
	to "conn.php ';
	
	$ R = mysql_query ( "select count (*) z pozycji");
	$ Row = mysql_fetch_row ($ rs);
	$ Result [ "total"] = $ row [0];
	
	$ R = mysql_query ( "select * from kolejności pozycji, limitem $ sort $ przesunięcie rzędu $, $ wiersze");
	
	$ Items = array ();
	while ($ row = mysql_fetch_object ($ rs)) {
		array_push ($ przedmiotów, $ wiersz);
	}
	$ Result [ "wiersze"] = $ przedmiotów;
	
	echo json_encode ($ result);

Pobierz przykłady jQuery EasyUI

jeasyui-datagrid-datagrid8.zip

Hot Tutorials

Contact US

jQuery EasyUI danych Siatka - ustawienie rodzaju
10/30