jQuery MiniUI

标题: 急。。怎么将弹出页面的grid数据传递给父页面 [打印本页]

作者: xiaodaoji 时间: 2017-9-1 17:55:34 标题: 急。。怎么将弹出页面的grid数据传递给父页面

弹出页面：
<table >
<h1>灯具类</h1>
      <tr>
         <td >
         
            <div id="grid1" class="mini-datagrid" style="width:450px;height:400px;"
                  idField="id" multiSelect="true"
                  url="${basePath}/spaceManager/productList.shtml?categorytype=0" resultAsData="true" showPager="true">
                  <div property="columns">
                     <div type="checkcolumn"></div>
                     <div header="材料名称" field="name"></div>
                     <div header="品牌" field="brandId"></div>
                     <div header="产品型号" field="model"></div>
                     <div header="产品示意图" field="image"></div>
                  </div>
            </div>
         </td>
         <td style="width:60px;text-align:center;">
            <input type="button" value=">" style="width:40px;"/><br />
            <input type="button" value=">>" style="width:40px;"/><br />
            <input type="button" value="<<" style="width:40px;"/><br />
            <input type="button" value="<" style="width:40px;"/><br />

         </td>
         <td>
            <div id="grid2" class="mini-datagrid" style="width:450px;height:400px;"
                  idField="id"  multiSelect="false" showPager="true"
                  allowCellEdit="false" allowCellSelect="false"
            >
                  <div property="columns">
                     <div header="材料名称" field="name"></div>
                     <div header="品牌" field="brandId"></div>
                     <div header="产品型号" field="model"></div>
                     <div header="产品示意图" field="image"></div>
                     
                     
                     </div>
                  </div>
            </div>
         </td>
         <td style="width:50px;text-align:center;vertical-align:bottom">
            <input type="button" value="Up" style="width:55px;"/>
            <input type="button" value="Down" style="width:55px;"/>

         </td>
      </tr>
<tr><td><input type="button" value="保存" style="width:55px;"/></td></tr>
</table>

<script type="text/javascript">
      mini.parse();
      var grid1 = mini.get("grid1");
      var grid2 = mini.get("grid2");

      grid1.load();

      function doAddItems(items) {
         items = mini.clone(items);

         //根据id判断，去除重复的item
         for (var i = items.length - 1; i >= 0; i-- ) {
            var item = items[i];
            var item2 = grid2.findRow(function (row) {
                  if (row.id == item.id) return true;
            });
            if (item2) {
                  items.removeAt(i);
            }
         }

         grid2.addRows(items);
      }

      function adds() {
         var items = grid1.getSelecteds();
         doAddItems(items);
      }
      function addAll() {
         var items = grid1.getData();
         doAddItems(items);
      }
      function removes() {
         var items = grid2.getSelecteds();
         grid2.removeRows(items);
      }
      function removeAll() {
         var items = grid2.getData();
         grid2.removeRows(items);
      }
      function upItem() {
         var items = grid2.getSelecteds();
         grid2.moveUp(items);
      }
      function downItem() {

         var items = grid2.getSelecteds();
         grid2.moveDown(items);
      }
      /** 保存**/
      function saveData() {
         var items = grid2.getData();
         items = mini.clone(items);

         //根据id判断，去除重复的item
         for (var i = items.length - 1; i >= 0; i-- ) {
            var item = items[i];
            var item2 = grid2.findRow(function (row) {
                  if (row.id == item.id) return true;
            });
            if (item2) {
                  items.removeAt(i);
            }
         }
         //传递数据到父页面
         // window.Owner.additems(items);
         var pwin = top["win"];
         pwin.additems(items);
      }
</script>

</body>
</html>

作者: xiaodaoji 时间: 2017-9-1 17:59:45

父页面

//添加
function toAdd(){
top["win"] = window;
mini.open({
            url: "${basePath}/spaceManager/toEditSpace.shtml",
            title: "新增",
            width: 1100,
            height: 800,
            ondestroy: function (action) {
            //将html标签解析为miniui控件。解析后，才能使用mini.get获取到控件对象。
            mini.parse()
            var grid3 = mini.get("grid3");
               //添加到父窗体
            //additems(items)
            //点击了关闭
                  if(action != 'close'){

               mini.showTips({
                  content: "<b>成功</b> <br/>数据保存成功",
                  state:"info",x: "Center",y: "Center",timeout: 2000
            });
               //刷新grid
               grid3.reload();
               }
            }
   });
}

function additems(items) {
//将html标签解析为miniui控件。解析后，才能使用mini.get获取到控件对象。
mini.parse()
var grid3 = mini.get("grid3");
grid3.addRows(items);
}
</script>
</head>
<body>
<div class="mini-toolbar" style="padding:2px;border-bottom:2;" id="form">
   <table style="width:100%;">
         <tr>
            <td><label style="font-family:Verdana;">空间类型:</label>
                  <input id="spaceFlag" class="mini-combobox" style="width:150px;" textField="text" valueField="id"
                  onvaluechanged="onSpaceChanged" data="spaceFlag" value="0"/>
            </td>
         </tr>
         <tr>
            <td><label style="font-family:Verdana;">房间类型:</label>
                  <input id="roomFlag" class="mini-combobox" style="width:150px;" textField="categoryName" valueField="id" />
            </td>
         </tr>
         <tr>
            <td>
                  <fieldset style="width:700px;border:solid 1px #aaa;position:relative;">
         <legend> A包 </legend>
         <fieldset style="width:650px;border:solid 1px #aaa;position:relative;">
         <legend> 天花 <a class="mini-button" iconCls="icon-add" onclick="toAdd()"></a> </legend>
            <h3>灯具类</h3>
            <div id="grid3" class="mini-datagrid" style="width:450px;height:200px;"
                     idField="id"  multiSelect="false" showPager="true"
                     allowCellEdit="false" allowCellSelect="false"
                  >
                     <div property="columns">
                        <div header="材料名称" field="name"></div>
                        <div header="品牌" field="brandId"></div>
                        <div header="产品型号" field="model"></div>
                        <div header="产品示意图" field="image"></div>
                        
                        
                        </div>
                     </div>
                  </div>
         </fieldset>

作者: dforce 时间: 2017-9-4 09:50:06

xiaodaoji 发表于 2017-9-1 17:59
父页面

//添加

top["win"]=window写到全局，不要写在方法内。
你这样跨页面是调用不到的。

作者: xiaodaoji 时间: 2017-9-4 09:53:26

dforce 发表于 2017-9-4 09:50
top["win"]=window写到全局，不要写在方法内。
你这样跨页面是调用不到的。

哦，谢谢，我试下

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)