extjs mvc动态加载controller

折腾了几天的extjs动态加载controller因为要换风格得扔了，存在这里供大家伙参考吧。

app.js

 

var application;

Ext.tip.QuickTipManager.init();

Ext.Loader.setConfig({
	disableCaching:true,
	enabled: true
});

application =new Ext.application({
	requires: [
		'Ext.window.MessageBox',
		'Ext.container.Viewport'
	],
	name: 'app',
	appFolder:'js/xxx/app',
	autoCreateViewport:false,
	controllers: [
		'frameController'
	],
	launch: function() {
		Ext.widget("main_viewport");
	}
});

function refresh4Session()
{
	Ext.Ajax.request({url: GLOBAL_ROOT_PATH+'/blank.jsp'});
    setTimeout(refresh4Session,5*60*1000);//五分钟
}
refresh4Session();

 

 

Ext.define('app.controller.frameController',{
		extend : 'Ext.app.Controller',
		alias : 'controller.frameController',
		views : ['Viewport'],
		refs:[
	        {ref:'tabpanel',selector:'main_viewport>tabpanel[id=tabpanel]'}
	    ],
		init : function(application) {
			var me = this;
			window.application=me.getApplication();
			me.control({
				'main_viewport>panel[region=west]':{
					render:function(obj){
						var treepanel=Ext.create('Ext.tree.Panel',{
                                title:'test',
                                autoHeight:true,
                                autoScroll: true,
                                split: true,
                                rootVisible:false,
                                lines:true,
                                store: Ext.create('Ext.data.TreeStore', {
						        	root: {
						        		expanded: true,
						        		children: [
						        		           {text: '菜单名称', page: 'xxxxInfo_List', controller_full_class_name:'app.controller.xxxxInfo',leaf: true},
						        		           {text: '菜单名称', page: 'xxxxLevel_List',controller_full_class_name:'app.controller.xxxxLevel',leaf: true}
						        		]
						        	}
                                }),
			 					listeners: {
						        	'itemclick': function(view, record){
						        		if (!Ext.ClassManager.isCreated(record.raw.controller_full_class_name)) {
			                                me.getApplication().getController(record.raw.controller_full_class_name);
			                            }
                                		if(record.isLeaf()){
							    			var id = 'tab-' + record.internalId;
							    			var center =  me.getTabpanel();//view.up('viewport').down('tabpanel');
							    			var tab = center.queryById(id);
							    			if(!tab){
							    				tab = center.add(Ext.widget(record.raw.page, {itemId: id, title: record.get('text'),closable : true}));
							    			}
							    			center.setActiveTab(tab);
							    		}
						        }
			 				}
						});
						obj.items.add(treepanel);
					}
				}
			});
		}
 		
 });

 

上面的代码中，实现动态加载controller的最核心的其实就是

						        		if (!Ext.ClassManager.isCreated(record.raw.controller_full_class_name)) {
			                                me.getApplication().getController(record.raw.controller_full_class_name);
			                            }

 

其他的就是mvc的正常的东西，比较简单了。