EasyUI實(shí)現(xiàn)二級(jí)頁(yè)面的內(nèi)容勾選的方法
EasyUI,在增、刪的時(shí)候,經(jīng)常用到二級(jí)頁(yè)面進(jìn)行勾選。
可以在datagird下面添加onCheck、onUncheck、onSelectAll、onUnselectAll事件。
在這些事件中,將勾選的內(nèi)容存到map中,并轉(zhuǎn)換成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<rows.length;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<rows.length;i++){
var rowData=rows[i];
var userId= rowData.id;
if( dataMap.containsKey(userId))
{
dataMap.remove(userId);
$("input[name=selectData]").val(JSON.stringify(dataMap));
}
}
}
在父頁(yè)面,獲取隱藏域中的內(nèi)容。
selectForm是二級(jí)頁(yè)面的form表單的id,selectData是form表單中存放勾選數(shù)據(jù)的隱藏域。
將隱藏域中的數(shù)據(jù)轉(zhuǎn)換成json格式,再用map的形式將數(shù)據(jù)一個(gè)個(gè)提取出來(lái)。
最后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('提示', "請(qǐng)選擇一條記錄!");
return;
}
var map = jQuery.parseJSON(selectData);
if (map.elements.length > 0) {
var nos = new Array();
var names = new Array();
for ( var i = 0; i < map.elements.length; i++) {
var data = map.elements[i];
nos.push(data.key);
names.push(data.value.name);
}
以上就是給大家分享的EasyUI實(shí)現(xiàn)二級(jí)頁(yè)面的內(nèi)容勾選的方法,希望對(duì)大家能夠有所幫助。
- EasyUI實(shí)現(xiàn)第二層彈出框的方法
- EasyUI,點(diǎn)擊開啟編輯框,并且編輯框獲得焦點(diǎn)的方法
- 淺談EasyUI中Treegrid節(jié)點(diǎn)的刪除
- 淺談EasyUI中編輯treegrid的方法
- EasyUI中combobox默認(rèn)值注意事項(xiàng)
- jquery中EasyUI實(shí)現(xiàn)異步樹
- jquery中EasyUI實(shí)現(xiàn)同步樹
- jquery easyui使用心得
- Jquery EasyUI的添加,修改,刪除,查詢等基本操作介紹
- jQuery EasyUI API 中文文檔 - DataGrid數(shù)據(jù)表格
- jQuery EasyUI API 中文文檔 - ComboBox組合框
相關(guān)文章
jquery UI Datepicker時(shí)間控件的使用方法(終結(jié)版)
這篇文章是jquery UI Datepicker時(shí)間控件的使用方法終結(jié)版,可以說(shuō)是技術(shù)的升華,實(shí)現(xiàn)的功能有限制的開始時(shí)間和結(jié)束時(shí)間跨度不超過(guò)三天,并配置有清空時(shí)間,重選時(shí)間等,感興趣的小伙伴們可以參考一下2015-11-11jQuery on()綁定動(dòng)態(tài)元素出現(xiàn)的問(wèn)題小結(jié)
jQuery on()方法是官方推薦的綁定事件的一個(gè)方法。使用 on() 方法可以給將來(lái)動(dòng)態(tài)創(chuàng)建的動(dòng)態(tài)元素綁定指定的事件,通過(guò)本文給大家介紹jQuery on()綁定動(dòng)態(tài)元素出現(xiàn)的問(wèn)題小結(jié),需要的朋友參考下2016-02-02解決jQuery使用JSONP時(shí)產(chǎn)生的錯(cuò)誤
這篇文章主要介紹了解決jQuery使用JSONP時(shí)產(chǎn)生的錯(cuò)誤,需要的朋友可以參考下2015-12-12jquery實(shí)現(xiàn)搜索框功能實(shí)例詳解
這篇文章主要介紹了jquery實(shí)現(xiàn)搜索框功能,搜索框?qū)崿F(xiàn)搜索一個(gè)ul列表中的指定關(guān)鍵詞的li。具體實(shí)現(xiàn)代碼大家參考下本文2018-07-07jquery拖動(dòng)插件(jquery.drag)使用介紹
可以使用鼠標(biāo)任意拖動(dòng)列表項(xiàng)改變默認(rèn)的位置,具體的實(shí)現(xiàn)如下(附演示),感興趣的朋友可以學(xué)習(xí)下2013-06-06jquery實(shí)現(xiàn)側(cè)邊彈出的垂直導(dǎo)航
這篇文章主要介紹了jquery動(dòng)畫特效結(jié)合css實(shí)現(xiàn)側(cè)邊彈出的垂直導(dǎo)航的方法及代碼分享,需要的朋友可以參考下2014-12-12jQuery實(shí)現(xiàn)高亮顯示網(wǎng)頁(yè)關(guān)鍵詞的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)高亮顯示網(wǎng)頁(yè)關(guān)鍵詞的方法,涉及jquery針對(duì)頁(yè)面字符串的遍歷與正則替換的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08jQuery實(shí)現(xiàn)拖拽可編輯模塊功能代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)拖拽可編輯模塊功能代碼,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的的朋友參考下吧2017-01-01jQuery實(shí)現(xiàn)輸入框郵箱內(nèi)容自動(dòng)補(bǔ)全與上下翻動(dòng)顯示效果【附demo源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)輸入框郵箱內(nèi)容自動(dòng)補(bǔ)全與上下翻動(dòng)顯示效果,涉及jquery.autoComplete.js插件的使用,可實(shí)現(xiàn)輸入框內(nèi)容自動(dòng)補(bǔ)全的功能,附帶了完整的demo源碼供讀者下載參考,需要的朋友可以參考下2016-09-09