Kaedah EasyUI untuk melaksanakan pemilihan kandungan pada halaman kedua_jquery

EasyUI, apabila menambah atau memadam, sering menggunakan halaman kedua untuk menyemak.

Anda boleh menambah acara onCheck, onUncheck, onSelectAll, onUnselectAll di bawah datagird.

Dalam acara ini, kandungan yang disemak disimpan dalam peta, ditukar kepada rentetan format json dan diletakkan dalam medan tersembunyi.

Salin kod Kod adalah seperti berikut:

onCheck: function(rowIndex, rowData)
jika (rowIndex > -1) {
var userId= rowData.id;
If(!dataMap.containsKey(userId))
{
DataMap.put(userId, rowData);
$("input[name=selectData]").val(JSON.stringify(dataMap));
}
}
} ,
onNyahtanda: function(rowIndex, rowData) {
jika (rowIndex > -1) {
var userId= rowData.id;
If(dataMap.containsKey(userId))
{
DataMap.remove(userId);
            $("input[name=selectData]").val(JSON.stringify(dataMap));                                                                                                                                                                                                                                                           }
}
},
onSelectAll:function(rows){
for(var i=0;i var rowData=rows[i];
var userId= rowData.id;
If(!dataMap.containsKey(userId))
{
DataMap.put(userId, rowData);
         $("input[name=selectData]").val(JSON.stringify(dataMap));
}
}
},
onUnselectAll:function(rows){
for(var i=0;i var rowData=rows[i];
var userId= rowData.id;
If(dataMap.containsKey(userId))
{
DataMap.remove(userId);
        $("input[name=selectData]").val(JSON.stringify(dataMap));                                                }
}
}

Pada halaman induk, dapatkan kandungan dalam medan tersembunyi.

selectForm ialah id borang pada halaman kedua dan selectData ialah medan tersembunyi dalam borang yang menyimpan data semakan.

Tukar data dalam medan tersembunyi ke dalam format json, kemudian gunakan peta untuk mengekstrak data satu demi satu.

Akhirnya userId dan rowData ialah map.elements[i].key dan map.elements[i].value.

Salin kod Kod adalah seperti berikut:

var f = induk.$.modalDialogTwo.handler.find('#selectForm');

var selectData = f.find('input[name="selectData"]').get(0).value;
Jika (!selectData) {
parent.$.messager.alert('prompt', "Sila pilih rekod!");
Kembali;
}
var map = jQuery.parseJSON(selectData);
Jika (map.elements.length > 0) {
var nos = new Array();
var names = new Array();
untuk ( var i = 0; i < map.elements.length; i ) {
var data = map.elements[i];
Nos.push(data.key);
names.push(data.value.name);
}

Di atas ialah kaedah EasyUI untuk berkongsi dengan anda cara menyemak kandungan halaman kedua. Saya harap ia dapat membantu semua orang.