首页 > 代码库 > EasyUI,二级页面内容的操作

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();

EasyUI,二级页面内容的操作