`

Extjs4 comboBox 动态赋值

 
阅读更多

//首先先定义comboBox的Model

Ext.define('comboBoxModel', {

                  extend : 'Ext.data.Model',

                                fields : [{

                                              name : 'id',

                                              type : 'string'

                                            }, {

                                              name : 'name',

                                              type : 'string'

                                }]

});

var self = this;

//初始化,设置comboBox内容

this.comboBoxData = Ext.ModelManager.create({

                                                                             id : '0',

                                                                             name : '顶级目录'

                                                                            }, 'comboBoxModel');

//初始化comboBox组件

this.comboBox = new Ext.form.field.ComboBox({

                                                                           fieldLabel : 'comboBox模块',

                                                                           valueField : 'id',

                                                                           displayField : 'name',

                                                                           editable : false,

                                                                           name : 'comboBoxId',

                                                                           triggerAction : 'all',

                                                                           value : '0',

                                                                           anchor : '100%',

                                                                           store : Ext.create('Ext.data.Store', {

                                                                                                        fields : ["name", "id"],

                                                                                                        data : self.comboBoxData 

                                                                                       })

                            });  

//注意下面是动态修改

//再次创建comboBox数据赋值

this.comboBoxData = Ext.ModelManager.create({

                                                                             id : node.data.id,

                                                                             name : node.getPath('text').replace("/root","")

                                   }, 'comboBoxModel');

//把新的内容,进行设置。

this.comboBox.setValue(this.comboBoxData );

0
1
分享到:
评论

相关推荐

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

    在EXTJS中,ComboBox是一个非常常用的组件,它用于创建下拉选择框,通常与数据存储(Store)结合使用,提供动态加载数据的功能。在实际应用中,我们常常需要在ComboBox加载完数据后设置其初始值,以确保用户看到的是...

    解决Extjs下拉框不显示的问题

    在ExtJS中,ComboBox是一个常用的组件,用于提供下拉列表供用户选择。它结合了文本输入框和下拉菜单的功能,通常用于数据选择场景。然而,有时候开发者可能会遇到ComboBox不显示下拉列表的问题,就像标题和描述中所...

    extjs4.2 datetime控件

    3. **动态赋值**:描述中提到的“动态赋值”意味着你可以随时更改DateTime控件的值,而不仅仅是初始化时。这可以通过JavaScript代码直接设置控件的“value”属性,或者通过监听其他组件的事件来响应变化。 4. **...

    ExtJS中设置下拉列表框不可编辑的方法

    在前端开发中,ExtJS是一个广泛使用的JavaScript框架,它用于构建交互式的Web应用。下拉列表框(Combo Box)是用户界面中常见的组件,它允许用户从预定义的一组选项中进行选择。在某些场景下,可能需要设置下拉列表...

    EXTEXTEXTEXTEXTEXTEXT

    在 ExtJS 中,可以通过将服务器返回的 JSON 数据直接赋值给 `store` 来实现。例如,服务器返回如下 JSON 数组: ```json ["湖北", "江西", "安徽"] ``` 在 JavaScript 中,你可以这样设置 ComboBox: ```...

    Ext中下拉列表ComboBox组件store数据格式用法介绍

    在ExtJS中,下拉列表ComboBox组件是用于展示可选列表的交互控件,常用于表单输入。它提供了多种数据绑定方式,包括本地数据和远程数据。本篇文章将详细讲解Ext中下拉列表ComboBox组件的store数据格式及其用法。 ...

    ExtJS 设置级联菜单的默认值

    // 将值批量赋值 form1.form.setValues(Ext.util.JSON.decode(response.responseText)); } } }); }); ``` 2. 配置数据源。通过Ajax请求获取后台数据,并使用Ext.data.Store和Ext.data.JsonReader来配置数据源...

    Ext开发过程中的自学笔记

    4. **Combobox的valueField值回传至后台**: - 当我们在表单中使用Combobox时,通常希望提交的是valueField(如ID)而非displayField(如名称)。 - 为了保持用户友好的交互,我们应确保后台能理解这些值。比如,...

Global site tag (gtag.js) - Google Analytics