jQuery MiniUI

 找回密码
 立即注册
查看: 4740|回复: 3
打印 上一主题 下一主题

急。。怎么将弹出页面的grid数据传递给父页面 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2017-9-1 17:55:34 |只看该作者 |倒序浏览
弹出页面:
    <table >
    <h1>灯具类</h1>
        <tr>
            <td >
            <!-- category_type: 0 -->
                <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="&lt;&lt;" style="width:40px;"/><br />
                <input type="button" value="&lt;" 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>
                        <!-- 滚动条 -->
                        <!--     <input property="editor" class="mini-textbox" style="width:100%"/> -->
                        </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>

Rank: 2

沙发
发表于 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>
                                                <!-- 滚动条 -->
                                                <!--     <input property="editor" class="mini-textbox" style="width:100%"/> -->
                                                </div>
                                            </div>
                                        </div>
                                        </fieldset>

Rank: 8Rank: 8

板凳
发表于 2017-9-4 09:50:06 |只看该作者
xiaodaoji 发表于 2017-9-1 17:59
父页面

//添加

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

Rank: 2

地板
发表于 2017-9-4 09:53:26 |只看该作者
dforce 发表于 2017-9-4 09:50
top["win"]=window写到全局,不要写在方法内。
你这样跨页面是调用不到的。

哦,谢谢,我试下

Archiver|普加软件

GMT+8, 2025-7-16 07:22 , Processed in 1.035187 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部