1. Rumah
  2. jQuery EasyUI data Grid - Tambahkan komponen pagination

Tutorial jQuery EasyUI data Grid - Tambahkan komponen pagination Terbaik Pada tahun 2024, Dalam tutorial ini Anda dapat mempelajari Ambil jQuery EasyUI contoh,

jQuery EasyUI data Grid - Tambahkan komponen pagination

Contoh ini menunjukkan bagaimana untuk memuat data dari server, cara menambahkan komponen tab (pagination) ke jaringan data (datagrid).

Membuat data Grid (datagrid)

Untuk memuat data dari server jauh, Anda harus mengatur 'url' properti di server Anda harus kembali data JSON diformat. Lihat data Grid (datagrid) dokumentasi untuk informasi lebih lanjut format data tentang hal itu. 

	<Table id = "tt" class = "easyui-datagrid" style = "width: 600px; height: 250px"
			url = "datagrid2_getdata.php"
			title = "Load Data" iconCls = "icon-save"
			rownumbers = "true" pagination = "true">
		<Thead>
			<Tr>
				<Bidang Th = "Itemid" width = "80"> ID Item </ th>
				<Bidang Th = "productid" width = "80"> ID Produk </ th>
				<Th field = "listprice" width = "80" align = "right"> Daftar Harga </ th>
				<Bidang Th = "unitcost" width = "80" align = "right"> Satuan Biaya </ th>
				<Th field = "attr1" width = "150"> Atribut </ th>
				<Bidang Th = "status" width = "60" align = "center"> Stauts </ th>
			</ Tr>
		</ Thead>
	</ Table>

Kami mendefinisikan kolom Data Grid (datagrid), dan mengatur 'pagination' properti adalah benar, maka akan menghasilkan halaman (pagination) toolbar di bagian bawah grid data (datagrid) dari. pagination akan mengirimkan dua parameter ke server:

  • Halaman: nomor halaman dimulai nilai 1.
  • baris: baris per halaman.

kode sisi server 

	? $ Halaman = isset ($ _ POST [ 'page']) intval ($ _ POST [ 'page']): 1;
	? $ Rows = isset ($ _ POST [ 'baris']) intval ($ _ POST [ 'baris']): 10;
	// id.
	$ Rs = mysql_query ( "pilih count (*) dari item");
	$ Row = mysql_fetch_row ($ rs);
	$ Result [ "total"] = $ row [0];
	
	$ Rs = mysql_query ( "* pilih dari batas item $ offset, $ baris");
	
	$ Items = array ();
	sementara ($ row = mysql_fetch_object ($ rs)) {
		array_push ($ item, $ row);
	}
	$ Result [ "baris"] = $ item;
	
	gema json_encode ($ hasil);

Ambil jQuery EasyUI contoh

jeasyui-datagrid-datagrid2.zip

Tutorial Panas

Hubungi kami

jQuery EasyUI data Grid - Tambahkan komponen pagination
10/30