Question

求大神指教ExtJs设置combo默认值

能不能在加载的时候设置第一项为默认值？

Answer 1

value: '你的值'

Ext.onReady(function() {
    var sexStore = Ext.create('Ext.data.Store', {
        fields : ['code', 'name'],
        data : [{
            name : "男",
            code : "M"
        }, {
            name : "女",
            code : "F"
        }]
    });
    var sexCombo = Ext.create('Ext.form.field.ComboBox', {
        store : sexStore,
        displayField : 'name',
        valueField : 'code',
        editable : false,
        width : 200,
        labelWidth : 60,
        labelAlign : 'right',
        fieldLabel : '性别',
        value : 'F'
    });
    Ext.create('Ext.container.Viewport', {
        layout : 'absolute',
        items : [sexCombo]
    });
});

 

请修改分类到 JavaScript 。 满意请采纳~

追问

你这样是知道值啊，但我不知道他数据集里面会放什么东西该怎么办？能不能通过索引设置啊？

追答

sexCombo.on("afterrender", function() {
    sexCombo.setValue(sexStore.getAt(0).data.code);
});

加这个方法，当 sexCombo 加载完成后 读取数据集 sexStore，从数据集的第一个索引找出

code, 也就是 valueField 对应的字段。然后再复制到 sexCombo。

Answer 2

很简单 给你一段代码参考 值是后台服务器返回的 放到articleComboStore里面 

var articleCombo = new Ext.form.ComboBox({
				colspan : 2,
				name : 'articleId',
				fieldLabel : '学习内容',
				displayField : 'value',
				valueField : 'key',
				store : articleComboStore,
				mode : 'local',
				typeAhead : true,
				forceSelection : true,
				triggerAction : 'all',
				width : 355,
				emptyText : '请选择 .... ',
				selectOnFocus : true
			});
	articleComboStore.on("load",function(){   //对 ComboBox 的数据源加上 load 事件就好
		articleCombo.setValue(this.getAt(0).get('key'));
	});	
	articleComboStore.load();