ARTS Tips002 子画面值映射到父画面对应字段miniUI

怼烎@ 2022-02-25 04:14 117阅读 0赞

先说一下这个需求，在一个新增画面有一个调用按钮，点击该按钮可以弹出一个子画面（查询数据），这个子画面的数据是通过调用接口从别的系统拿到，然后显示到子画面（内容在datagrid中），每条数据的前面都有一个按钮，通过点击该按钮，可以把这条记录的数据自动填充到父画面（新增画面）对应的字段中。总结了一下这个实现：

在父画面中需要有如下的JS代码，然后通过`iframe.contentWindow.getEtdaData()`来调用子画面的方法，所以在子画面中有个方法`getMethod()`，会返回这条数据，然后在父画面中就可以接收并且进行设值。

//调阅
    function openDyda(){
        mini.open({
            url: "${ctx}/controller/method",
            title: "xxx", width: 940, height: 450,
            ondestroy: function (action) {
                var iframe = this.getIFrameEl();
                var data = iframe.contentWindow.getMethod();
                data = mini.clone(data);    //必须
                if (data) {
                   mini.get("id").setValue(data.id);
                  
                }
            }
        });
    }

子画面中，通过单击前面的按钮，可以映射值到父画面，所以子画面主要负责获取值：

function getEtdaData() {
    	//表示选中的值，getSelected()方法可以在miniui的API中查到，可以自行了解
        var row = grid.getSelected();
        console.info(row);
        return row;
    }

以上就是父画面和子画面之间相同字段的值如何通过子画面设定。

注意点：

1.熟悉miniui的datagrid，了解getSelected()方法  
2.特别注意上面关闭子画面后的相关内容。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTI5MzQzMjU_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTI5MzQzMjU_size_16_color_FFFFFF_t_70]: /images/20220225/e24729e7eedc448ba54b64af11426be6.png