jQuery EasyUI data Grid - Tambahkan Bertanya
Contoh ini menunjukkan bagaimana untuk mendapatkan data dari database, dan menampilkannya dalam grid data (datagrid) di. Kemudian menunjukkan bagaimana untuk menampilkan hasil pencarian berdasarkan kata kunci pencarian yang dimasukkan pengguna.
Membuat data Grid (datagrid)
Membuat fungsi paging dengan data grid (datagrid), dan menambahkan toolbar untuk itu.
<Table id = "tt" class = "easyui-datagrid" style = "width: 600px; height: 250px" url = "datagrid24_getdata.php" toolbar = "# tb" 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>
Toolbar didefinisikan sebagai berikut:
<Div id = "tb" style = "padding: 3px"> <Span> ID Item: </ span> <Input id = "itemid" style = "line-height: 26px; border: 1px # ccc padat"> <Span> ID Produk: </ span> <Input id = "productid" style = "line-height: 26px; border: 1px # ccc padat"> <a href="#" class="easyui-linkbutton" plain="true" onclick="doSearch()"> Cari </a> </ Div>
Ketika pengguna memasukkan nilai query dan tombol Query tekan, fungsi 'doSearch' akan disebut:
berfungsi doSearch () { $ ( '# Tt'). Datagrid ( 'beban', { itemid: $ ( '# Itemid') val () ,. productid: $ ( '# productid') val (). }); }
Kode di atas panggilan metode 'beban' untuk memuat data grid (datagrid) data baru. Kami harus lulus 'itemid' dan argumen 'productid' ke server.
kode sisi server
termasuk 'conn.php'; ? $ Halaman = isset ($ _ POST [ 'page']) intval ($ _ POST [ 'page']): 1; ? $ Rows = isset ($ _ POST [ 'baris']) intval ($ _ POST [ 'baris']): 10; ? $ Itemid = isset ($ _ POST [ 'Itemid']) mysql_real_escape_string ($ _ POST [ 'Itemid']): ''; ? $ ProductID = isset ($ _ POST [ 'productid']) mysql_real_escape_string ($ _ POST [ 'productid']): ''; $ Offset = ($ halaman-1) * $ baris; $ Hasil = array (); $ Dimana = "Itemid seperti '$ itemid%' dan ProductID seperti '$ productid%'"; $ Rs = mysql_query ( "pilih count (*) dari item yang mana" $ mana.); $ Row = mysql_fetch_row ($ rs); $ Result [ "total"] = $ row [0]; $ Rs = mysql_query ( "select * from barang mana" $ mana "membatasi $ offset, $ baris" ..); $ Items = array (); sementara ($ row = mysql_fetch_object ($ rs)) { array_push ($ item, $ row); } $ Result [ "baris"] = $ item; gema json_encode ($ hasil);