miniUI的弹出层的写法

之前写弹出层都是弹出一个页面,学些基础平台后,弹出层的写法如下:

    function getProductSelector() {
        //定义弹窗的列头,其中{'headerAlign':'center','type':'checkcolumn'}为复选框
        var cols = [
            {'headerAlign': 'center', 'type': 'checkcolumn', 'idField': 'id'},
            {'header': '产品编号', 'field': 'productCode', 'headerAlign': 'center'},
            {'header': '产品名称', 'field': 'productName', 'headerAlign': 'center'},
            {'header': '产品分类', 'field': 'categoryName', 'headerAlign': 'center'},
        ];
        //定义弹窗中搜索表单中的搜索条件,name为对应查询字段,label为搜索框的显示信息
        var searchFields = [
            {'name': 'like_productCode', 'label': '产品编号'},
            {'name': 'like_productCode', 'label': '产品名称'},
            {
                'name': 'eq_categoryCode', 'label': '分类名称',
                'type': 'mini-combobox', 'url': '/wms/category/categorycontroller/',
                'textField': 'categoryName', 'valueField': 'id'
            }
        ];
        //打开弹窗,设置属性。
        mini.open({
            title: "选择产品",
            url: selectorPageUrl,//不能修改此路径
            width: "60%",
            showMaxButton: true,
            allowResize: false,
            onload: function () {
                var iframe = this.getIFrameEl();
                //设置gridurl,用于弹窗中查询数据
                var data = {gridUrl: '/wms/product/productcontroller/', cols: cols, searchFields: searchFields, multiSelect: false};
                iframe.contentWindow.SetDataForSelector(data);
            },
            ondestroy: function (action) {
                //设置gridUrl,用于弹窗中查询数据,multiSelect:是否多选
                if (action == 'ok') {
                    var iframe = this.getIFrameEl();
                    var data = iframe.contentWindow.GetData();
                    //获取选中数据并处理页面,获取的数据为多选数据,若是列头中未设置多选,则获取的数据为data[0]
                    data = mini.clone(data);
                    if (data) {
                        if (data.length == 1) {
                            console.log("code:" + data[0].id + " name:" + data[0].productName);
                            mini.get("productCode").setValue(data[0].id);
                            mini.getbyName("productName").setValue(data[0].productName);

                        } else {
                            mini.alert("请选择一条记录!");
                        }
                    }
                }
            }
        });
    }

你可能感兴趣的:(miniUI弹出层)