EasyUI实现二级页面的内容勾选的方法
更新时间：2015年03月01日 16:07:07 投稿：hebedich
在使用EasyUI的时候，我们经常回遇到在二级页面进行勾选的时候，这里给大家分享一个比较简单实用的实现方法，希望大家能够喜欢。
EasyUI，在增、删的时候，经常用到二级页面进行勾选。
可以在datagird下面添加onCheck、onUncheck、onSelectAll、onUnselectAll事件。
在这些事件中，将勾选的内容存到map中，并转换成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));
}
}
}
在父页面，获取隐藏域中的内容。
selectForm是二级页面的form表单的id，selectData是form表单中存放勾选数据的隐藏域。
将隐藏域中的数据转换成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('提示', "请选择一条记录！");
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实现二级页面的内容勾选的方法，希望对大家能够有所帮助。
相关文章
jQuery 解析xml文件实现脚本代码，用到了jquery如何解析xml文件，和大家分享一下2009-08-08
这篇文章主要介绍了jquery如何获取当前点击对象的value,需要的朋友可以参考下2014-02-02
这篇文章主要介绍了jQuery简单实现彩色云标签效果,结合实例形式分析了jQuery随机数运算与页面元素样式动态操作相关技巧,需要的朋友可以参考下2016-08-08
通过$.each，可以遍历对象、数组的属性值并进行处理，下面有个示例，需要的朋友可以参考下2014-07-07
前段时间项目需要用到双向列表选择，想直接用select，结果发现某些样式不支持，只好用div模拟了以下.大家根据个人需要适当添加，对jquery双向选择器知识感兴趣的朋友一起看看吧2016-11-11
JQuery上手简单，也很容易学，即使是刚接触JQuery的开发人员，借助JQuery手册，也很快能在项目中使用开发，这篇文章针对jquery原理以及学习技巧进行介绍，感兴趣的小伙伴们可以参考一下2015-11-11
这篇文章主要介绍了jQuery如何计算iframe窗口大小,需要的朋友可以参考下2014-05-05
当我们遇到提交表单时，需要我们重复添加好几个表单，在订单表格中添加多个不同型号的产品信息。这个时候有复制表单表单按钮，也就是新增一项，通过点击复制按钮来实现新增一项，怎么实现的呢？下面小编跟大家分享，需要的朋友的朋友可以参考下2015-09-09
本篇文章主要介绍了ThinkPHP+jquery实现“加载更多”功能代码，以实例代码讲诉了加载更多的代码实现,非常具有实用价值,需要的朋友可以参考下2017-03-03
SVG(可缩放矢量图形)是基于可扩展标记语言（标准通用标记语言的子集），用于描述二维矢量图形的一种图形格式。它由万维网联盟制定，是一个开放标准。2014-11-11
最新评论