javascript - 组合框中的默认选定值

Question

我有一个组合盒，里面有两种类型的笔记本电脑:东芝和惠普。加载时选择默认值什么都没有。我想将默认选择值设置为东芝，以便最初选择它。如 HTML 中的“选定”。请问有什么帮助吗？

laptops = Ext.create('Ext.data.Store', {
        fields: ['abbr','value', 'name'],
        data : [
            {"abbr":"tosh","value":"toshibatypes", "name":"Toshiba"},
            {"abbr":"hp","value":"hptypes", "name":"HP"}
        ]
    });



    toshibatypes = Ext.create('Ext.form.Panel', {
            xtype: 'radiogroup',
            defaultType: 'radio', 
            layout: 'hbox',
            border:false,
            id: 'toshiba',
            width:'100%',

            items: [ 
            {
                checked: true,
                boxLabel: 'Toshiba 1',
                name: 'toshibas',
                inputValue: 'toshiba1',
                xtype:'radiofield'
            }, 
            {
                boxLabel: 'Toshiba 2',
                name: 'toshibas',
                inputValue: 'toshiba2',
                xtype:'radiofield'
            }
        ]
    });



    hptypes = Ext.create('Ext.form.Panel', {
            xtype: 'radiogroup',
            defaultType: 'radio', 
            layout: 'hbox',
            border:false,
            id: 'hp',
            width:'100%',

            items: [ 
            {
                checked: true,
                boxLabel: 'HP 1',
                name: 'hps',
                inputValue: 'hp1',
                xtype:'radiofield'
            }, 

            {
                boxLabel: 'HP 2',
                name: 'hps',
                inputValue: 'hp2',
                xtype:'radiofield'
            }]
    });



        laptoptypes = Ext.create('Ext.form.ComboBox', {
            store: laptops,
            queryMode: 'local',
            displayField: 'name',
            valueField: 'abbr',
            editable:false,
            width: 100,
            onchange:onSelectChange(this),
        });

Answer 1

只需设置 value将组合框的值设置为与存储中的值相对应的值。因此，如果将 valueField 设置为 'abbr'，则可以使用商店的 'abbr' 值之一。

laptoptypes = Ext.create('Ext.form.ComboBox', {
    store: laptops,
    queryMode: 'local',
    displayField: 'name',
    valueField: 'abbr',
    value: 'tosh',
    editable:false,
    width: 100,
    onchange:onSelectChange(this),
});