saas-platform/frontend/saas-web/app/util/FormUtil.js

Ext.define('saas.util.FormUtil', {

    BaseUtil: Ext.create('saas.util.BaseUtil'),

    // 请求页面组件接口模板
    baseUrl: 'http://192.168.0.181:8560/api/ui/co_view/config?name={viewName}',
    // 模板替换正则
    urlRe: /(.*){viewName}(.*)/g,
    
    /**
     * 获得form的字段配置
     * @param form: form组件
     * @param url: url
     */
    setItems: function(form) {
        var me = this,
        viewName = form.viewName,
        defaultItems = form.defaultItems,
        brr = [],
        formModel = form.getViewModel(),
        url = me.baseUrl.replace(me.urlRe, '$1' + viewName);
        
        brr = brr.concat(form.defaultItems);

        this.BaseUtil.request({url, async: false})
        .then(function(response) {
            var res = Ext.decode(response.responseText);
            if(res.success) {
                var config = res.data || true, items = defaultItems || [];
                if(config) {
                    var cusItems = config.items || [];
                    Ext.Array.each(cusItems, function(cusItem) {
                        var item = items.find(function(item) {
                            return item.name == cusItem.name;
                        });
                        Ext.apply(item, cusItem);
                    });
                    Ext.Array.each(items, function(item) {
                        var bind = item.bind,
                        bindName = bind,
                        defaultValue = item.defaultValue;
                        
                        if(bindName && !Ext.isString(bindName)) {
                            bindName = bindName.value;
                        }
                        if(bindName) {
                            bindName = bindName.replace(/[{|}]/g, '');
                        }

                        // 设置初始值
                        if(defaultValue) {
                            formModel.set(bindName, defaultValue);
                        }

                        //　设置必填
                        if(item.allowBlank==false){
                            // TODO 需要判断类型
                            item.beforeLabelTextTpl = "<font color=\"red\" style=\"position:relative; top:2px;right:2px; font-weight: bolder;\">*</font>";
                        }

                        // 如果是从表为其绑定store
                        if(item.xtype == 'detailGridField') {
                            var columns = item.columns,
                            cnames = columns.filter(function(c) {
                                return c.dataIndex && !c.ignore;
                            }).map(function(c) {
                                return c.dataIndex
                            });
                            formModel.set('_detailBindFields', cnames);
                            item.bind = {
                                store: '{_detailStore}'
                            };       
                            formModel.set('_detailStore', Ext.create('Ext.data.Store', {
                                fields: item.columns ? item.columns.filter(function(c) {
                                    return !!c.dataIndex;
                                }).map(function(c) {
                                    var type = "string";
                                    if(c.xtype!=""){
                                        if(c.xtype=="numbercolumn"){
                                            type = "float"
                                        }
                                    }
                                    return {name: c.dataIndex,type:type};
                                }) : [],
                                data: []
                            }));


                        }
                    });
                }
                return form.addItems(items);
            }else {
                return []
            }
        })
        .then(function(items) {
            form.fireEvent('afterSetItems', form, items);
        })
        .then(function() {
            me.loadData(form);
        })
        .catch(function(response) {
            console.error(response);
        });

    },

    loadData: function(form) {
        var me = this;
        form.setLoading(true);
        if(form.initId && form.initId!=0) {
            var url = form._readUrl + form.initId;
            me.BaseUtil.request({url })
            .then(function(response) {
                form.setLoading(false);
                var res = Ext.decode(response.responseText);
                if(res.success) {
                    form.setFormData({
                        main: res.data.main,
                        detail: res.data.items
                    });
                }
            })
            .catch(function(response) {
                form.setLoading(false);
                console.error(response);
            });
        }else{
            //取后台编号
            me.BaseUtil.request({
                url: 'http://192.168.253.58:8900/number/getMaxnumber',
                params: {
                    caller:form.caller
                },
                method: 'POST',
            }).then(function(response) {
                form.setLoading(false);
                var res = Ext.decode(response.responseText);
                if(res.success){
                    var code = res.data.code;
                    var viewModel = form.getViewModel();
                    var detailStore = viewModel.get('_detailStore');
                    var detno = 0,datas=[];
                    Ext.Array.each(new Array(10), function() {
                        detno += 1;
                        var data = {};
                        data[form._detnoColumn] = detno;
                        datas.push(data);
                    })
                    detailStore.loadData(datas);
                    if(code){
                        viewModel.set(form._codeField,code);
                    }
                }
            }).catch(function() {
                form.setLoading(false);
            })
        }
    }
});