menu pohon jQuery EasyUI - pohon untuk menambahkan halaman grid
Tutorial ini menunjukkan kepada Anda bagaimana untuk memuat karakteristik dinamik dari pohon dengan grid (TreeGrid) menambahkan tab.
Buat jaringan pohon (TreeGrid)
Aktifkan fitur paging jaringan pohon (TreeGrid), Anda harus menambahkan 'pagination: true' atribut akan dikirim Halaman 'dan argumen' baris 'ke server sehingga beban halaman.
<Table title = "Produk" class = "easyui-treegrid" style = "width: 700px; height: 300px" Data-opsi = " url: 'treegrid4_getdata.php', rownumbers: benar, pagination: benar, PageSize: 2, pageList: [2,10,20], idfield: 'id', treeField: 'nama', onBeforeLoad: function (baris, param) { if (! row) {// beban tingkat atas baris param.id = 0; // set id = 0, menunjukkan memuat baris halaman baru } } "> <Thead> <Tr> <Th field = "nama" width = "250"> Nama </ th> <Th field = "kuantitas" width = "100" align = "right"> Quantity </ th> <Th field = "harga" width = "150" align = "right" formatter = "formatDollar"> Harga </ th> <Bidang Th = "total" width = "150" align = "right" formatter = "formatDollar"> Jumlah </ th> </ Tr> </ Thead> </ Table>
kode sisi server
treegrid4_getdata.php
? $ Halaman = isset ($ _ POST [ 'page']) intval ($ _ POST [ 'page']): 1; ? $ Rows = isset ($ _ POST [ 'baris']) intval ($ _ POST [ 'baris']): 10; $ Offset = ($ halaman-1) * $ baris; $ Id = isset ($ _ POST [ 'id']) intval ($ _ POST [ 'id']): 0 ;? termasuk 'conn.php'; $ Hasil = array (); if ($ id == 0) { $ Rs = mysql_query ( "pilih count (*) dari produk mana ParentID = 0"); $ Row = mysql_fetch_row ($ rs); $ Result [ "total"] = $ row [0]; $ Rs = mysql_query ( "select * from produk mana ParentID = 0 limit $ offset, $ baris"); $ Items = array (); sementara ($ row = mysql_fetch_array ($ rs)) { ? $ Row [ 'negara'] = has_child ($ row [ 'id']) 'ditutup': 'terbuka'; array_push ($ item, $ row); } $ Result [ "baris"] = $ item; } Lain { $ Rs = mysql_query ( "select * from produk mana ParentID = $ id"); sementara ($ row = mysql_fetch_array ($ rs)) { ? $ Row [ 'negara'] = has_child ($ row [ 'id']) 'ditutup': 'terbuka'; $ Row [ 'total'] = $ row [ 'harga'] * $ row [ 'kuantitas']; array_push ($ hasil, $ row); } } gema json_encode ($ hasil); Fungsi has_child ($ id) { $ Rs = mysql_query ( "pilih count (*) dari produk mana ParentID = $ id"); $ Row = mysql_fetch_array ($ rs); kembali $ row [0]> 0 benar :? palsu; }
Dikirim ke parameter server yang meliputi:
- Halaman: halaman saat ini untuk memuat.
- baris: ukuran halaman.
- id: id dari nilai baris induk kembali dari server akan segera ditambahkan.
Ketika Anda memperluas baris simpul, 'id' nilai lebih besar dari 0. Ketika mengubah topik, 'id' nilai harus ditetapkan ke 0 untuk menempatkan baris anak beban.