`

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)的值能够正确地回显到网格中。这一功能对于那些需要用户在表单中选择数据...

    extjs4 ComboBox 点击下拉框 出现grid效果

    在EXTJS4中,ComboBox是一个常用的组件,它用于创建下拉选择框,通常用于输入框的辅助选择。这个组件提供了一种用户友好的方式来从一组预定义的选项中进行选择。然而,根据你的标题和描述,你似乎遇到了一个特别的...

    EXTJS的COMBOBOX级联实现和数据提交VALUE[文].pdf

    EXTJS的ComboBox级联实现是Web应用程序中常见的一种交互方式,尤其在数据表单中用于联动选择。在本文中,我们将深入探讨EXTJS如何实现ComboBox的级联效果,并理解其数据提交VALUE的工作原理。 首先,我们需要创建两...

    extJs4 ComboBox组合框实例

    extJs4 ComboBox 代码组合框实例,ComboBox 各个主要参数详细解释

    extjs 自动补全 模拟combobox

    Combobox是EXTJS中的一个下拉选择框,它可以显示一个下拉列表供用户选择,同时也可以配合自动补全功能。 首先,让我们理解EXTJS的Combobox组件。Combobox由两部分组成:一个文本输入框和一个下拉列表。文本输入框...

    extjs的ComboBox 2级联动

    本文将深入探讨如何在ExtJS中实现ComboBox的二级联动。 首先,我们需要理解ExtJS中的ComboBox基本结构。ComboBox由几个关键部分组成,包括store(数据存储)、displayField(显示字段)和valueField(值字段)。...

    ExtJS4给Combobox设置列表中的默认值示例

    在本文中,我们将深入探讨如何使用ExtJS4框架为Combobox控件设置列表中的默认值。ExtJS4是一个广泛使用的JavaScript框架,专门用于创建富互联网应用(RIA)。它提供了丰富的组件和接口,以帮助开发者构建具有高度...

    Extjs中ComboBox加载并赋初值的实现方法

    回调函数会在store的数据加载完成之后被调用,这时设置ComboBox的选中项就能确保数据已经被填充到ComboBox中,从而正确显示所需的值。 在代码示例中,editCityStore.load() 方法调用时,通过设置一个callback函数,...

    Extjs6中Combobox实现下拉多选

    该资源主要展示了在Extjs6中Combobox控件实现下拉选择多个数据的功能

    Ext combobox 下拉多选框带搜索功能

    在给定的标题“Ext ComboBox 下拉多选框带搜索功能”中,我们关注的是一个特别的ComboBox实现,它不仅允许用户从下拉列表中选择多个选项,还具备搜索功能,使得用户可以更高效地找到他们想要的选择项。 ComboBox在...

    ExtJS Combobox二级联动列子

    ExtJS的Combobox组件是一种常见的数据输入控件,它提供了下拉列表的功能,用户可以选择列表中的一个选项或者在输入框中自由输入。在实际应用中,我们常常会遇到需要实现二级甚至多级联动的场景,这通常是由于数据的...

    Extjs让combobox写起来简洁又漂亮

    在Extjs中,创建一个简洁又漂亮的combobox组件主要包括以下几个关键点: 1. 创建自定义combobox类:通过继承***boBox,我们可以创建一个名为baseCombobox的自定义类。这个类将提供一些基本的配置项,使得我们创建的...

    ExtJs grid多选时获取选中的所有值

    因此,掌握如何在ExtJs Grid中实现多选功能以及如何获取已选中的所有值是非常重要的。 #### 二、实现多选功能 在ExtJs中,实现Grid的多选功能主要通过`CheckboxSelectionModel`来完成。下面将详细介绍如何设置并...

    无废话ExtJs 教程十[下拉列表:Combobox]

    - 自定义模板:通过`tpl`配置项,可以自定义Combobox中每个选项的展示样式。 - 自定义过滤:通过监听`beforequery`事件,可以实现自定义的过滤逻辑。 - 动态加载:在`queryMode`为"remote"时,可以通过API动态...

    extjs3.x combobox智能联想

    在EXTJS 3.x版本中,Combobox是一个非常实用的组件,它提供了下拉列表功能,用户可以在输入框中输入文字,系统会根据输入内容自动进行模糊匹配,给出相关的建议选项。这种功能在数据筛选、搜索或者选择项较多时特别...

    EXTJS 选下拉框,并取得下拉框的值

    在EXTJS中,下拉框(ComboBox)是一种常见的UI组件,常用于用户选择一个或多个预定义的选项。本篇文章将详细讲解如何在EXTJS中操作下拉框,以及如何获取用户选定的值。 首先,创建一个基本的EXTJS下拉框需要定义`...

    解决Extjs当中复选框全选后,取消选中某一项,全选框仍是选中状态的问题

    通过以上代码,我们就解决了EXTJS中全选后取消选中某一项时,全选框仍保持选中状态的问题。在实际开发中,可能需要根据具体项目结构和需求进行微调,但基本思路是确保事件驱动的状态同步。同时,为了提高代码可维护...

    extjs4 实现下拉树并支持复选

    在EXTJS4中,实现一个下拉树(Combobox Tree)并支持多选和复选功能,主要是通过自定义组件(Ext.define)来完成的。这个组件继承自EXTJS的Picker字段(Ext.form.field.Picker),并添加了树形结构和复选功能。以下...

Global site tag (gtag.js) - Google Analytics