EasyUI实现二级页面的内容勾选的方法


Posted in Javascript onMarch 01, 2015

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实现二级页面的内容勾选的方法,希望对大家能够有所帮助。

Javascript 相关文章推荐
Js+Dhtml:WEB程序员简易开发工具包(预先体验版)
Nov 07 Javascript
jQuery1.6 正式版发布并提供下载
May 05 Javascript
解析JavaScript中的不可见数据类型
Dec 02 Javascript
基于jQuery的checkbox全选问题分析
Nov 18 Javascript
详解JavaScript 中getElementsByName在IE中的注意事项
Feb 21 Javascript
微信小程序 template模板详解及实例代码
Mar 09 Javascript
JS库之Highlight.js的用法详解
Sep 13 Javascript
无限循环轮播图之运动框架(原生JS实现)
Oct 01 Javascript
JavaScript适配器模式详解
Oct 19 Javascript
JS运动特效之完美运动框架实例分析
Jan 24 Javascript
react-native android状态栏的实现
Jun 15 Javascript
JavaScript面试中常考的字符串操作方法大全(包含ES6)
May 10 Javascript
EasyUI实现第二层弹出框的方法
Mar 01 #Javascript
EasyUI,点击开启编辑框,并且编辑框获得焦点的方法
Mar 01 #Javascript
浅谈EasyUI中Treegrid节点的删除
Mar 01 #Javascript
浅谈EasyUI中编辑treegrid的方法
Mar 01 #Javascript
EasyUI中combobox默认值注意事项
Mar 01 #Javascript
jquery中EasyUI实现异步树
Mar 01 #Javascript
jquery中EasyUI实现同步树
Mar 01 #Javascript
You might like
php注销代码(session注销)
2012/05/31 PHP
解析php中获取url与物理路径的总结
2013/06/21 PHP
session在php5.3中的变化 session_is_registered() is deprecated in
2013/11/12 PHP
tp5 sum某个字段相加得到总数的例子
2019/10/18 PHP
轻松创建nodejs服务器(4):路由
2014/12/18 NodeJs
js鼠标悬浮出现遮罩层的方法
2015/01/28 Javascript
使用JavaScript的AngularJS库编写hello world的方法
2015/06/23 Javascript
JS实现三级折叠菜单特效,其它级可自动收缩
2015/08/06 Javascript
由简入繁实现Jquery树状结构的方法(推荐)
2016/06/10 Javascript
JavaScript 判断一个对象{}是否为空对象的简单方法
2016/10/09 Javascript
ES6新特性之类(Class)和继承(Extends)相关概念与用法分析
2017/05/24 Javascript
node.js学习之断言assert的使用示例
2017/09/28 Javascript
基于bootstrap写的一点localStorage本地储存
2017/11/21 Javascript
Python代码调试的几种方法总结
2015/04/15 Python
Python函数中的函数(闭包)用法实例
2016/03/15 Python
Python计算两个日期相差天数的方法示例
2017/05/23 Python
python调用虹软2.0第三版的具体使用
2019/02/22 Python
python 判断三个数字中的最大值实例代码
2019/07/24 Python
用Python徒手撸一个股票回测框架搭建【推荐】
2019/08/05 Python
Python爬取破解无线网络wifi密码过程解析
2019/09/17 Python
在vscode中配置python环境过程解析
2019/09/28 Python
python解析多层json操作示例
2019/12/30 Python
浅谈python之自动化运维(Paramiko)
2020/01/31 Python
python全栈开发语法总结
2020/11/22 Python
欧洲最大的笔和书写专家:The Pen Shop
2017/03/19 全球购物
华为的Java面试题
2014/03/07 面试题
存储过程的优点有哪些
2012/09/27 面试题
什么是表空间(tablespace)和系统表空间(System tablespace)
2013/02/25 面试题
学生生病请假条范文
2014/02/16 职场文书
央视元宵晚会主持串词
2014/03/25 职场文书
2015年科研工作总结范文
2015/05/13 职场文书
东京审判观后感
2015/06/01 职场文书
入党心得体会
2019/06/20 职场文书
Nginx设置日志打印post请求参数的方法
2021/03/31 Servers
Elasticsearch 索引操作和增删改查
2022/04/19 Python
MySQL数据库实验之 触发器和存储过程
2022/06/21 MySQL