处理Extjs3+ Combox默认值问题

最新推荐文章于 2020-07-20 16:27:14 发布

睡睡大帝国

最新推荐文章于 2020-07-20 16:27:14 发布

阅读量1.7k

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/li6151770/article/details/52782072

版权

JS 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

处理Ext.form.ComboBox默认值

1.对于 mode: 'local', 直接设置value即可


{xtype: 'combo', mode: 'local', store: new Ext.data.ArrayStore({
        fields: [ 'value',   'key'],
        data: [[1, 'item1'], [2, 'item2']] 
    }),
    valueField: 'value',
    displayField: 'key',
    triggerAction: 'all',
    value: 1
}

2.对于mode默认或者mode: 'remote', 可以在afterrender事件里面处理


{
xtype : 'combo',
name : 'testname',
store: new Ext.data.JsonStore({
        autoLoad: true,
        url:'myurl',
        fields: ['id','name']
}),
editable : false,
valueField : 'id',
displayField : 'name',
fieldLabel : 'Test',
listeners: {
	afterRender: function(combo) {
                //设置延迟加载
		setTimeout(function(){
				var count = combo.store.getCount();
				if(count > 0) {
					var record = combo.store.getAt(0);
					combo.setValue(record.data.id);
					combo.setRawValue(record.data.name);
				}
			}, 500);
	}					
},
anchor : '90%'
}