Ext ComboBox 默认值的设置

最新推荐文章于 2019-08-29 16:08:00 发布

cdmamata

最新推荐文章于 2019-08-29 16:08:00 发布

阅读量3.9k

点赞数

文章标签： ext ComboBox 默认值

本文链接：https://blog.csdn.net/cdmamata/article/details/8748224

版权

Ext在设置默认值时，直接用 setValue() 的方式，会导致显示的与实际需要往后台传递的值不符。下面直接贴解决问题的代码：

	var sexArray = [
		[1, "手工录入"],
		[2, "系统筛选"]
	];
	var sexRecord = Ext.data.Record.create([
	{name: "sex", type: "int", mapping: 0},
	{name: "sexName", type: "string", mapping: 1}
	]);
	var sexStore = new Ext.data.Store({
		proxy: new Ext.data.MemoryProxy(sexArray),
		reader: new Ext.data.ArrayReader({},sexRecord),
		autoLoad: true, //即时加载数据
		listeners: {
			load: function() {
				sexComBox.setValue(sexComBox.getValue());//这里是重点
			}
		}
	});
	var sexComBox = new Ext.form.ComboBox({
		triggerAction: "all",
		store: sexStore,
		displayField: "sexName",
		valueField: "sex",
		width: 120,
		mode: "local",
		emptyText: "请选择性别",
		listeners: {
			afterRender: function(combo) {
				combo.setValue(1);//同时下拉框会将与name为firstValue值对应的 text显示
			}
		}
	});

此时，下拉框显示的内容及往后台传递的真实的值相同