EasyUI,二级页面内容的操作

父页面获取子页面的数据
 1.若仅仅是勾选,则将勾选的放到map中(key,value),key是能验证数据唯一的字段,value就是勾选行的rowData;
    再将map转换成json格式的字符串,保存到隐藏域中;通过form表单提交,父页面可以获取数据。具体操作在这里:http://my.oschina.net/chinamummy29/blog/312675
 2.若不仅勾选,还要填写其他内容,则不能用form提交。写一个方法parent.$.modalDialogTwo.save(){ ... },
    用save方法将数据写到父页面中。父页面一般是datagrid,则可以像下面的写法:

在父页面,将父页面上datagrid赋值给一个对象:

parent.$.modalDialogTwo.openner_grid = parentgrid;

子页面,通过对象可以获得父页面的datagrid:

paraentgrid=parent.$.modalDialogTwo.openner_grid;

子页面勾选并填写相关信息后,要将数据写到父页面中。在子页面定义一个方法,将往父页面写数据的操作都放到这里:

parent.$.modalDialogTwo.save = function(){
    function addparaentgrid(paraentgrid,detailrows){
        for(var i=0;i<detailrows.length;i++){
          var row = detailrows[i];
         paraentgrid.datagrid(‘appendRow‘,{  
               id : row.id,
               name : row.name
               ...    
           }); 
        }
     }
}

父页面调用子页面的方法只要这样既可:

parent.$.modalDialogTwo.save();
时间: 2024-10-12 00:14:16

EasyUI,二级页面内容的操作的相关文章

EasyUI,二级页面的内容勾选

EasyUI,在增.删的时候,经常用到二级页面进行勾选. 可以在datagird下面添加onCheck.onUncheck.onSelectAll.onUnselectAll事件. 在这些事件中,将勾选的内容存到map中,并转换成json格式字符串放到隐藏域中. onCheck : function(rowIndex, rowData)     if (rowIndex > -1) {     var userId= rowData.id;     if(!dataMap.containsKey

基于Metronic的Bootstrap开发框架经验总结(9)--实现Web页面内容的打印预览和保存操作

在前面介绍了很多篇相关的<Bootstrap开发框架>的系列文章,这些内容基本上覆盖到了我这个Bootstrap框架的各个主要方面的内容,总体来说基本达到了一个稳定的状态,随着时间的推移可以会引入一些更好更新的内容进行完善,本篇继续这个系列,主要介绍如何实现Web页面内容的打印预览和保存操作. 1.Web页面打印的问题 在此之前,我一般使用比较好用的LODOP来执行打印的操作,这个在我之前有很多文章都有涉及,这个控件是一个ActiveX的控件,需要下载安装后就可以在页面是进行打印的排版设计,预

JavaScript禁用页面内容选中和复制操作

禁用页面内容选中和复制操作 *{ -webkit-user-select:none; -moz-user-select: none; -ms-user-select: none; user-select:none;/*禁用页面内容选中和复制操作*/ -webkit-touch-callout:none;/*禁用长按页面时的弹出菜单(iOS下有效)*/ -webkit-tap-highlight-color:rgba(0,0,0,0);/*去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)

通过CSS禁用页面内容选中和复制操作

CSS禁止鼠标拖动选择文字,禁用页面内容选中和复制操作,只需在body的样式中加入如下代码就可以了 -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none;

jQuery框架使用,jq选择器,jq操作页面内容, jq操作类名,jq操作全局属性,jq获取盒子信息,jq获取位置信息,js/jq页面加载完毕事件,jq事件

jq选择器 // 获取所有的页面元素jq对象 $('css3选择器语法'); var $box = $(".box:nth-child(1)"); 获取的是jq对象数组 // 拿到指定的页面元素jq对象 $('css3选择器语法').eq(index); var $box = $(".box").eq(1); 获取的是jq对象数组 // jq 转 js ( jq对像就是由数组包裹的js对象 ) box1 = $box[0] 从数组里取出来 box1 = $box.g

【开源】OSharp框架解说系列(2.2):EasyUI复杂布局及数据操作

一.目录 一.目录 二.EasyUI复杂布局 三.EasyUI动态工具栏 四.EasyUI增删改操作 五.开源说明 系列导航 二.EasyUI复杂布局 接上篇,前面我们已经定义了一个 datagrid父视图 _DataGridLayout.cshtml,实现一个表格是相当的容易.但是,实际业务中,并非所有的数据列表并非只是单一的datagrid列表,还可能需要把datagrid与其他组件配合使用,比如角色信息是来源于各个组织机构的,就需要增加一个组织机构的分类,来更好的管理各种角色.最终效果图如

Linux必会原理之输入网址到看到页面内容原理

用户从浏览器输入网址到页面显示,细分了一下基本上由八大快原理组成,他们是:dns解析原理.TCP三次连接.http请求数据包.数据包的封装.数据包的解封装.集群内部的一个请求.服务器的响应报文.四次断开> dns解析原理:当用户在客户端输入网址后,客户端会先访问本地的hosts文件和dns缓存,我们hosts一般都是做测试使用来配置的.所以设备第一访问这个网址,在本地的hosts和local是没有这个解析的,这个时候会向LDNS(也交本地dns寻求解析),如果lDNS这里有记录,就会反馈给客户端

使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <meta name="keywords" content="周记[学校晚会篇]" /><meta name="description

JavaScript标准Selection操作,对页面文件选取操作

一.简介 selection是对当前激活选中区(即高亮文本)进行操作. 在非IE浏览器(Firefox.Safari.Chrome.Opera)下可以使用window.getSelection()获得selection对象,本文讲述的是标准的selection操作方法.文中绝大部分内容来自 https://developer.mozilla.org/en/DOM/Selection 二.术语 以下几个名词是英文文档中的几个名词. 1.anchor:选中区域的“起点”. 2.focus:选中区域的