Combogrid dalam EasyUi melaksanakan paging dan carian dinamik kemahiran data_javascript jauh

Combogrid dalam jquery easyui agak istimewa Ia adalah gabungan kombo dan grid menggabungkan kotak teks boleh diedit dan panel grid data lungsur, membolehkan pengguna mencari dan memilih, mencari, memaparkan dan input semasa dengan cepat. Aksara sepadan dengan data. Jika jumlah data adalah besar, combogrid perlu mempunyai fungsi paging. Izinkan saya memperkenalkan Combogrid dalam EasyUi untuk melaksanakan paging dan carian dinamik data jauh.

$('#mallid').combogrid({ 
panelWidth:500, 
idField:'mallid', //ID字段 
textField:'mallname', //显示的字段 
url:"../global/datagrid.aspx?act=malllist", 
fitColumns: true, 
striped: true, 
editable:true, 
pagination : true,//是否分页 
rownumbers:true,//序号 
collapsible:false,//是否可折叠的 
fit: true,//自动大小 
pageSize: 10,//每页显示的记录条数，默认为10 
pageList: [10],//可以设置每页记录条数的列表 
method:'post', 
columns:[[ 
{field:'mallname',title:'商城名称',width:150,sortable:true}, 
{field:'url',title:'网址',width:150} 
]], 
keyHandler: { 
up: function() {}, 
down: function() {}, 
enter: function() {}, 
query: function(q) { 
//动态搜索 
$('#mallid').combogrid("grid").datagrid("reload", { 'keyword': q }); 
$('#mallid').combogrid("setValue", q); 
} 
} 
}); 

Baru-baru ini saya menggunakan jquery easyui semasa menjalankan projek, tetapi demo rasmi yang disediakan adalah terlalu mudah, dan terdapat banyak fungsi tanpa contoh yang berkaitan. Terdapat sedikit maklumat di Internet, jadi saya hanya boleh menulis demo itu sendiri. Rakamkan secara ringkas di sini.

1.easyUi combotree melaksanakan pemuatan dinamik nod pokok

Kombogrid 2.easyUi melaksanakan paging dan carian dinamik data jauh

Izinkan saya menambah sedikit pengetahuan kepada anda:

1. Konfigurasi parameter atribut biasa ComboGrid

loadMsg: Muatkan data jauh, maklumat yang dipaparkan

idField: Pilih nilai yang diserahkan dalam pilih

Medan teks: Nilai paparan dipilih dalam pilihan

mod: Tentukan cara memuatkan teks data DataGrid. Apabila ditetapkan kepada mod "'jauh'", jenis pengguna yang akan dihantar ke pelayan dengan parameter permintaan http bernama 'q' untuk mendapatkan data baharu

penapis: Apabila data dimuatkan, "mod" ditetapkan kepada "setempat", cara memilih sumber data setempat dan mengembalikan benar untuk memilih baris

2. Kaedah biasa ComboGrid

pilihan(): Kembalikan objek pilihan

grid(): Mengembalikan objek dataGrid yang dipilih

setValues(values): Tetapkan tatasusunan nilai elemen

setValue(value): Tetapkan nilai komponen

clear(): kosongkan nilai komponen