`
csg0328
  • 浏览: 9954 次
  • 性别: Icon_minigender_1
  • 来自: 西安
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

Ext.ComboBox 设置初始值

EXT 
阅读更多
new Ext.form.ComboBox({
            id: 'mycmb',
            typeAhead: true,
            triggerAction: 'all',
            mode: 'local',
            valueField: 'ID',
            displayField: 'Name',
            value: '5307',//设置值           
            store: new Ext.data.JsonStore({
                proxy: new Ext.data.HttpProxy({
                    method: 'GET',
                    url: 'GoodsList.aspx'//相对路径
                }),
                fields: [{ name: 'ID' }, { name: 'Name'}],
                root: 'data',
                autoLoad: true
            }),
            listeners: {
                render: function(cmb) {
                    var store = this.getStore();
                    store.on('load', function() { cmb.setValue(cmb.getValue()); }, this); //初始化显示
                }
            }

        })
分享到:
评论

相关推荐

    Ext.form.field.ComboBox结合Java、JSON实现AutoComplete

    本示例探讨如何利用Ext JS中的`Ext.form.field.ComboBox`组件,结合Java后端和JSON数据格式,来创建这样一个功能。 `Ext.form.field.ComboBox`是Ext JS框架中一个强大的组件,它提供了下拉列表的功能,可以用于创建...

    extjs-Ext.ux.form.LovCombo下拉框

    在EXTJS框架中,`Ext.ux.form.LovCombo`是一种自定义组件,它扩展了基本的`Ext.form.field.ComboBox`,提供了更丰富的功能,尤其是针对多选和联动选择的需求。这个组件通常用于创建具有“lov”(即“Look Up Value”...

    Ext.form表单中各种属性应用详解

    **Ext.form.ComboBox** 是一个下拉列表框组件,用于提供可选列表供用户选择。 - **allQuery**: 类型为 `String`,当用户在组合框中输入时,此属性定义所有匹配的项都将显示在列表中。 - **autoCreate**: 类型为 `...

    extjs editgrid combobox 回显

    1. **初始化`ComboBox`**:在`ColumnModel`的`editor`属性中,创建一个`ComboBox`实例,并正确设置`valueField`和`displayField`属性。同时,确保`ComboBox`的`store`属性绑定到适当的数据存储。 2. **配置`...

    extjs的ComboBox 2级联动

    ComboBox由几个关键部分组成,包括store(数据存储)、displayField(显示字段)和valueField(值字段)。Store用于存储选项数据,displayField定义了在下拉列表中显示的字段,而valueField则标识选中项的唯一标识。...

    extjs帮助文档pdf版

    - `Ext.String.format()`: 使用占位符替换字符串中的值。 - `Ext.String.trim(string)`: 删除字符串两端的空白字符。 #### 5. Date 类 (P.5) - **概述**:提供了日期和时间相关的操作方法。 - **常用方法**: - ...

    Extjs中ComboBoxTree实现的下拉框树效果(自写)

    - `getHiddenValue` 和 `setHiddenValue` 方法分别用于获取和设置隐藏值,这与原生ComboBox的 `getValue` 方法保持一致,便于与其他系统集成。 综上所述,这个自定义的ComboBoxTree组件是通过结合ComboBox的输入...

    extJs ComboBox级联

    extraParams: {provinceId: null} // 初始值 } }); var provinceComboBox = Ext.create('Ext.form.field.ComboBox', { store: provinceStore, displayField: 'name', valueField: 'id', queryMode: 'local', ...

    Extjs3 多选下拉框LovCombo

    3. **配置LovCombo**:创建一个Ext.form.ComboBox实例,指定store、displayField、valueField等配置项,并开启多选模式(multiSelect: true)。 4. **加载数据**:如果数据是异步加载的,需要在store的load方法中...

    EXTEXTEXTEXTEXTEXTEXT

    在 ExtJS 中,初始化 ComboBox 时,可以通过配置项 `value` 来设置默认值。然而,如果你希望在组件渲染前设置默认值,可以监听 `beforerender` 事件并在事件处理函数中设定。例如: ```javascript var combobox = ...

    ExtJS3 实现异步下拉树

    var comboBox = new Ext.form.ComboBox({ store: treeStore, displayField: 'text', valueField: 'id', typeAhead: false, mode: 'local', triggerAction: 'all', queryMode: 'local', width: 200, tree: ...

    Ext combo 下拉框级联

    Ext JS是一个强大的JavaScript框架,用于创建富客户端应用,其中的ComboBox(下拉框)组件是其核心功能之一。级联下拉框意味着一个下拉框的选项取决于另一个下拉框的选择,这种联动效果常见于地理信息选择、部门与...

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

    在实际应用中,我们常常需要在ComboBox加载完数据后设置其初始值,以确保用户看到的是正确的预设选项。本文将详细解释如何在EXTJS中实现ComboBox的加载并赋初值。 首先,我们需要理解ComboBox的基本结构。ComboBox...

    Ext 将grid渲染到combox

    通常情况下,`ComboBox` 用于展示和选择单个值,而 `Grid` 用于展示多行数据。然而,在某些场景下,我们可能需要在一个 `ComboBox` 下拉菜单中展示更多的信息,比如表格形式的数据,这就需要用到 XTemplate。 ...

    轻松搞定ExtJS

    - **Ext.apply()和Ext.applyIf()**:这两个方法用于合并对象属性,前者会覆盖已有的属性值,后者则不会。 #### 第四章:消息框 - **消息框的使用**:全面介绍了Extjs中提供的不同类型的消息框,包括提示框、输入框...

    Extjs中文教程

    - 初始化表单通常涉及设置初始值、绑定事件处理器等。 - 可以在`Ext.form.FormPanel`的`initComponent`方法中完成这些工作。 #### 十八、叹为观止的表格组件——GridPanel - **表格、表格面板** - GridPanel是...

    学习ExtJS Panel常用方法

    例如,当 xtype 设置为 `"tabpanel"` 时,系统会使用 `Ext.TabPanel` 来初始化该组件。 - 示例代码: ```javascript var tabPanel = new Ext.TabPanel({ title: '标签页', xtype: 'tabpanel' // 初始化 ...

    ext4实现带复选框的多选下拉框

    7. **API接口**:提供一些公共方法,如获取选中的值、设置初始选中项等,以便在其他代码中使用这个组件。 博客链接(https://liyn2008.iteye.com/blog/1934014)可能包含了实现这一功能的具体代码示例和详细步骤,...

    extjs中文教程

    本部分讲述了Ext.data相关类的使用,包括Ext.data.DataProxy、Ext.data.DataReader和Ext.data.Store类,以及如何实现下拉列表框,如何获取下拉列表框的值。 ### 第十部分:Ajax与ComboBox 在ExtJS中,Ajax的使用...

Global site tag (gtag.js) - Google Analytics