ExtJs ComboBox 加载服务器数据

2019独角兽企业重金招聘Python工程师标准>>>

/** 上级节点下拉框--------------开始*/
		var p_Store = new Ext.data.Store({
	        proxy: new Ext.data.HttpProxy({
	            url: 'menu/getMenuComboBox' //这里是参数可以顺便写,这个数据源是在第一个下拉框select的时候load的
	        }),
	        reader: new Ext.data.JsonReader({
		        fields:['text','value']
	        })
		});

		 var p_comb  = new Ext.form.ComboBox({
			fieldLabel: '上级节点',
			labelSeparator : '：',
			name:"parentId",
			store:p_Store,
			valueField:'value',
			displayField:'text',
			typeAhead: true,
			//mode: 'local',
			triggerAction: 'all',
			selectOnFocus:true,
			editable:false,
			readOnly: true,
			anchor : '95%',
			emptyText:'请选择...',
			blankText : '请选择' // 该项如果没有选择，则提示错误信息,
			//listWidth: 105,                //设置数据显示框的长度
			//width:90,                      //设置下拉框的长度
			//hideTrigger:false

//listeners: { //为Combo添加select事件 //select: function(combo, record, index) { // 该事件会返回选中的项对应在 store中的 record值. index参数是排列号. //alert(index); //} //} }); className.p_comb = p_comb; p_Store.load();

		/** 上级节点下拉框--------------结束*/

服务端数据 [{"text":"我的工作台","value":1},{"text":"邮件处理","value":2},{"text":"学生管理系统","value":9},{"text":"收件箱","value":15}]

转载于:https://my.oschina.net/u/263874/blog/266157