보조 페이지_jquery에서 콘텐츠 선택을 구현하는 EasyUI 방법

EasyUI에서는 추가하거나 삭제할 때 보조 페이지를 이용해 확인하는 경우가 많습니다.

datagird 아래에 onCheck, onUncheck, onSelectAll, onUnselectAll 이벤트를 추가할 수 있습니다.

이러한 이벤트에서는 확인된 콘텐츠가 지도에 저장되고 json 형식 문자열로 변환되어 숨겨진 필드에 배치됩니다.

코드 복사 코드는 다음과 같습니다.

onCheck: 함수(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: 함수(rowIndex, rowData) {
if (rowIndex > -1) {
var userId= rowData.id;
If(dataMap.containsKey(userId))
{
DataMap.remove(userId);
            $("input[name=selectData]").val(JSON.stringify(dataMap));                                                                       }
}
},
onSelectAll:함수(행){
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:함수(행){
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은 보조 페이지에 있는 양식의 ID이고, selectData는 검사 데이터를 저장하는 양식의 숨겨진 필드입니다.

숨겨진 필드의 데이터를 json 형식으로 변환한 후 맵을 사용하여 데이터를 하나씩 추출합니다.

마지막으로 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 이름 = new Array();
for ( var i = 0; i < map.elements.length; i ) {
var 데이터 = map.elements[i];
Nos.push(data.key);
names.push(data.value.name);
}

위 내용은 보조 페이지의 내용을 확인하는 방법을 공유해 드리는 EasyUI 방법입니다. 모든 분들께 도움이 되었으면 좋겠습니다.