セカンダリページでコンテンツ選択を実装する EasyUI メソッド_jquery

EasyUI では、追加または削除するときに、2 次ページを使用して確認することがよくあります。

datagird の下に onCheck、onUncheck、onSelectAll、onUnselectAll イベントを追加できます。

これらのイベントでは、チェックされたコンテンツがマップに保存され、json 形式の文字列に変換され、非表示フィールドに配置されます。

コードをコピーします コードは次のとおりです:

onCheck: function(rowIndex, rowData)
if (rowIndex > -1) {
var userId= rowData.id;
If(!dataMap.containsKey(userId))
{
DataMap.put(userId, rowData);
$("input[name=selectData]").val(JSON.stringify(dataMap));
}
}
} 、
onUncheck: function(rowIndex, rowData) {
if (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)); }
}
}

親ページで、非表示フィールドのコンテンツを取得します。

selectForm は 2 次ページのフォームの ID で、selectData はチェック データを保存するフォームの非表示フィールドです。

隠しフィールドのデータをjson形式に変換し、mapを使ってデータを一つずつ抽出します。

最後に userId と rowData はそれぞれ、map.elements[i].key と map.elements[i].value です。

コードをコピーします コードは次のとおりです:

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

var selectData = f.find('input[name="selectData"]').get(0).value;
If (!selectData) {
parent.$.messager.alert('prompt', "レコードを選択してください!");
戻る;
}
var map = jQuery.parseJSON(selectData);
If (map.elements.length > 0) {
var nos = new Array();
var names = new Array();
for ( var i = 0; i var data = map.elements[i];
Nos.push(data.key);
names.push(data.value.name);
}

上記は、EasyUI を使って二次ページのコンテンツを確認する方法を皆さんに共有する方法です。皆さんのお役に立てれば幸いです。