1. Home
  2. jQuery EasyUI danych Siatka - Dodaj komponent stronicowania

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

jQuery EasyUI danych Siatka - Dodaj komponent stronicowania

Ten przykład pokazuje, jak załadować dane z serwera, jak dodać element zakładek (stronicowania) do sieci danych (DataGrid).

Tworzenie siatki danych (DataGrid)

Aby pobrać dane z serwera zdalnego, należy ustawić właściwości "URL" w swoim serwerze powinien powrócić JSON sformatowanych danych. Patrz Dane kratka (datagrid) dokumentację formatu danych więcej informacji na ten temat. 

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

Definiujemy kolumnę danych Siatka (DataGrid), i ustaw "stronicowanie" własność jest prawdą, będzie to generować strony (paginacja) pasek w dolnej części siatki danych (DataGrid) z. stronicowanie wyśle ​​dwa parametry do serwera:

  • Strona: Numer strony począwszy wartość 1.
  • wierszy: Wiersze na stronie.

Kod po stronie serwera 

	? $ Page = isset ($ _ POST [ 'page']) intval ($ _ POST [ 'page']): 1;
	? $ Rows = isset ($ _ POST [ 'Wiersze']) intval ($ _ POST [ 'Wiersze']): 10;
	// pl.
	$ R = mysql_query ( "select count (*) z pozycji");
	$ Row = mysql_fetch_row ($ rs);
	$ Result [ "total"] = $ row [0];
	
	$ R = mysql_query ( "select * from limitu poz $, $ offsetu 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-datagrid2.zip

Hot Tutorials

Contact US

jQuery EasyUI danych Siatka - Dodaj komponent stronicowania
10/30