`

Extjs中ComboBox选中默认值

 
阅读更多
使用Extjs的ComboBox时,因为ComboBox并不是真正的select,所以不会默认选中第一项。通过下面的方法,就可以实现选中第一项的值:


Java代码
...  
    var comboStore = new Ext.data.SimpleStore({  
        fields: ['value', 'text'],  
        data: []  
    });  
    var combobox = new Ext.form.ComboBox({  
        store: comboStore,  
    id:'combo',  
        emptyText: '请选择',  
        mode: 'local',  
        triggerAction: 'all',  
        valueField: 'value',  
        displayField: 'text',  
        readOnly: true,  
        applyTo: 'combobox'  
    });  
    comboStore.on('load',function(store,record,opts){  
    var combo = Ext.getCmp("combo");  
        var firstValue = store.getRange()[0].data.value;//这种方法可以获得第一项的值  
    //firstValue  = record[0].data.value;//这种方法也可以获得第一项的值  
    combo.setValue(firstValue);//选中  
    alert("value="+combo.getValue());//查看选中的value  
    alert("text="+combo.getRawValue());//查看选中的文本  
    });  
... 

分享到:
评论

相关推荐

    extjs editgrid combobox 回显

    在探讨“extjs editgrid combobox 回显”这一主题时,我们主要关注的是如何在ExtJS框架下,实现编辑网格(EditGrid)中的组合框(ComboBox)的值能够正确地回显到网格中。这一功能对于那些需要用户在表单中选择数据...

    ExtJS 设置级联菜单的默认值

    首先,需要明白在ExtJS中设置普通控件(如文本框)的默认值相对简单,通常只用一行代码即可完成。然而,对于ComboBox(下拉列表组件)来说,情况就没那么简单了。 在具体实现上,首先需要准备两个ComboBox组件,...

    extjs和struts的技术结合

    7. **formPanel加载数据**:在formPanel中加载数据时,如果包含combobox等下拉列表,需要处理好数据绑定和默认值设置。 8. **动态显示时间**:ExtJS可以实时更新页面上的时间,提供动态的时间显示功能,常用于实时...

    ExtJS 轻松搞定

    讲解了如何从ComboBox组件中获取用户的选中值,以及如何处理这些值进行后续操作。 #### 七、源代码 提供了完整的代码示例,帮助读者理解和实践所学内容。 ### 第十部分:Ajax与ComboBox #### 一、Ajax 概述了Ajax...

    Extjs 几个方法的讨论

    问题在于,当直接在ComboBox的items配置中定义store,并尝试立即加载数据并设置默认值时,store可能还没有完成加载,导致默认值设置不成功。为了解决这个问题,我们可以将store的定义和加载数据的过程分开,先加载...

Global site tag (gtag.js) - Google Analytics