初始化组件封装

由于做的是业务系统 ，工作中会用到很多的主件 在初始化的时侯要定义很多变量然后依次new 出对象。感觉有必要封装一个方法。一次性初始化出所有的要用到的组件对象。所有了这个封装。

 1    /**//**初始化所有的组件
 2             * parameter:
 3             * cfg={
 4             *   a:{type:'form',
 5             *    cfg: {
 6                        el: 'J_Ecp'
 7                    }}
 8             * }
 9             * store={}
             * use:initObj.addObj(cfg,store);
             * 
             */
            var initWidget = (function(){
                var initObj = (function(){
                    var map = {
                        form: NT.form.BasicForm,
                        grid: NT.widget.GridPanel
                    }
                    return {
                        addObj: function(obj, key, cfg){
                            obj[key] = new map[cfg[key]['type']](cfg[key]['cfg']);
                        },
                        addMap: function(key, fn){
                            map[key] = fn;
                        }
                    }
                })();
                function each(cfg, store){
                    for (var key in cfg) {
                        initObj.addObj(store, key, cfg);
                    }                                       
                }
                return {
                    init: function(cfg, store){
                        each(cfg, store);
                    },
                    addMap: function(key,fn){
                       initObj.addMap(key,fn);
                    }
                    
                }               
            })()

对象提供了两个方法一个是init初始化出所有的对象 依次保存在store对象中 。以后要用到组件对象可以直接在这个对象中取得。还提供了一个添加map的方法。这样就可以自由添加组件。做到了一定程度的自适应。其实可以做一点简化。

 var initModule = (function(){
                var map = {
                    form: NT.form.BasicForm,
                    grid: NT.widget.Grid,
                    datapicker: NT.widget.DatePicker
                
                }
                function addModule(store, cfg){
                    for (var key in cfg) {
                        store[key] = new map[cfg[key]['type']](cfg[key]['cfg']);
                    }
                }
                return {
                    init: function(store, cfg){
                        addModule(store, cfg);
                    },
                    addMap: function(key, fn){
                        if (!map[key]) {
                            map[key] = fn;
                        }
                    }
                }
            })()
            var store={};
            var config={
                grid:{
                    type:'grid',
                    cfg:{
                        el:'J_Grid'
                    }
                },
                form:{
                    type:'form',
                    cfg:{
                        el:'J_Form'
                    }
                }
            };
            initModule.init(store,config);