extjs 二級下拉

新做的extjs二級下拉,兼容谷歌、火狐、iE瀏覽器。extjs官方文檔裏建議使用create而不使用new等關鍵字

extjs的var me = this;用的真的是到了極致。下面便有var me = this;的應用


Ext.define('Module.YB.XXXX.view.XXXXForm', {
	extend : 'Ext.form.Panel',
	labelWidth: 60,
	frame: true,
	width: 500,
	defaults: {
		labelAlign: 'right',
		width: 400
	},
	templateTypeData:function(templateTypeData){
		var me = this;
	},
	initComponent : function() {
		var me = this;
		var comStore = [];
		var tempData = me.templateTypeData; 
		$.each(tempData.dictItems,function(key,value){
			comStore.push("['"+value.value+"'","'"+value.name+"']");
		});
		var typeNumStore = 	new Ext.data.SimpleStore({  //這裏最好使用create
				   fields:['name', 'name'],
		           proxy:{
		               type: 'rest',
					   headers : {
				        	"Content-Type": "application/json; charset=utf-8", 
				        	Accept : 'application/json'
				        },
		               reader: {
		                   type: 'json',
		                   successProperty:'success',
		                   root: 'datas'
		               }
		           }
		         });
		me.items = [{
					name : 'templateFile',
					xtype : 'filefield',
					fieldLabel : TEMPLATE_PROPERTY.fileName,
					regex : /.+(.zip)$/,
					emptyText: TEMPLATE_PROPERTY.uploadFileType,
					regexText : TEMPLATE_PROPERTY.uploadFileType,
					buttonText : TEMPLATE_PROPERTY.fileButton,
					msgTarget : "side",
					submitValue : true,
					allowBlank : false
				},{
		        	xtype:"combo",
		        	editable:false,
		        	queryMode: 'local', 
		 	        store:new Ext.data.SimpleStore({  
				          fields : ['key', 'value'],  
				          data :  eval('['+comStore+']')
		                  }),
		        	valueField: 'key',
		        	displayField: 'value',
		            fieldLabel : TEMPLATE_PROPERTY.type,
		            name : 'type',
		            emptyText: TEMPLATE_PROPERTY.type,
		            maxLength:50,
		            allowBlank : false,
		            listeners:{    
				            select : function(combo, record,index){  
				            	typeNumStore.proxy.url='/template/name/'+combo.value; //給已經定義好的store的url賦值
				                typeNumStore.load();   
				            }  
				        } 
		        },{
		        	xtype:"combo",
		        	editable:false,
		        	queryMode: 'local', 
		 	        store:typeNumStore,
		        	valueField: 'name',
		        	displayField: 'name',
		            fieldLabel : TEMPLATE_PROPERTY.name,
		            name : 'name',
		            emptyText: TEMPLATE_PROPERTY.name,
		            maxLength:50,
		            allowBlank : false
		        }];
		me.callParent();
	}
});


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章