`

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
分享到:
评论

相关推荐

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

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

    extJs4 ComboBox组合框实例

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

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

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

    extjs editgrid combobox 回显

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

    extjs 自动补全 模拟combobox

    EXTJS并没有直接提供一个名为"自动补全"的组件,但它可以通过模拟Combobox组件来实现这一效果。Combobox是EXTJS中的一个下拉选择框,它可以显示一个下拉列表供用户选择,同时也可以配合自动补全功能。 首先,让我们...

    extjs的ComboBox 2级联动

    ExtJS的ComboBox是一个非常强大的组件,它用于创建下拉选择框。在Web应用程序中,我们经常需要实现二级联动效果,即一个ComboBox的选择会影响另一个ComboBox的显示内容。这在数据关联和筛选场景中尤为常见,例如省份...

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

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

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

    4. **模板**:为了显示多选的结果,可能需要自定义ComboBox的模板,以展示已选项目的列表。 5. **事件处理**:添加适当的事件监听器,例如`select`事件,以便在用户选择或取消选择选项时执行相应的操作。 6. **...

    extjs4.2 分页combo动态条数 源码

    在这个场景中,我们关注的是在EXTJS的Combobox(下拉框)组件中实现分页和动态加载数据的功能。Combobox通常用于展示有限数量的选项,但在大数据集的情况下,一次性加载所有数据可能导致页面性能下降。因此,引入...

    extjs4 实现下拉树并支持复选

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

    ExtJS Combobox二级联动列子

    ExtJS的Combobox组件是一种...综上所述,实现ExtJS的Combobox二级联动主要是通过监听事件、动态更新数据以及合理的数据模型设计来完成的。在实际开发中,可以根据项目需求进行调整和优化,以提高用户体验和系统性能。

    Extjs4下拉菜单ComboBox中用Grid显示通用控件

    在EXTJS4中,`ComboBox` 是一个非常常用的组件,它提供了一个下拉选择框的功能。在某些场景下,我们可能需要在下拉菜单中展示更丰富的信息,比如表格数据,这时就可以使用 `GridComboBox`。`GridComboBox` 结合了 `...

    extJs3升级extjs4方案

    可以看到,ExtJS4 需要动态类定义,这样可以访问父类和定义 store 模型。 此外,ExtJS4 也改变了 Record 的定义。例如,在 ExtJS3 中,我们可以使用以下代码来定义一个 Record: ```javascript var PostStatus = ...

    Extjs4---combobox省市区三级联动+struts2

    ### Extjs4---combobox省市区三级联动+struts2 #### 一、技术背景与原理 本案例涉及的关键技术主要包括Extjs4框架中的`combobox`组件以及Struts2框架,通过这两种技术实现了省市区三级联动的效果。下面将详细介绍...

    ExtJs Google Suggest 动态查询效果

    在本示例中,"ExtJs Google Suggest 动态查询效果" 是一个利用ExtJs实现的功能,它模仿了谷歌搜索框的自动建议功能。当你在搜索框中输入文字时,下拉列表会实时更新,显示与输入内容匹配的建议项。 首先,我们要...

    Extjs让combobox写起来简洁又漂亮

    4. 使用Ext.data.Store:创建一个store对象来管理combobox的数据。store是Extjs中用于数据存储和处理的组件,可以很容易地与后端数据源集成。 5. 数据处理:在获取到数据后,如果需要,可以在数据数组中插入一个...

    extjs4 下拉菜单树 combobox+tree 支持单选多选

    在EXTJS4中,下拉菜单树(ComboBox+Tree)是一种高级UI组件,它结合了ComboBox的下拉选择框和TreePanel的树形结构,提供了一种用户友好的交互方式,用于展示层次化的数据。这种组件特别适用于需要从多个选项中进行...

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

    在ExtJS中,下拉列表(Combobox)是常见的组件之一,它结合了输入框和下拉菜单的功能,允许用户进行选择或自由输入。本教程将深入探讨ExtJS中的Combobox组件,包括其基本用法、配置选项、事件处理和自定义功能。 1....

Global site tag (gtag.js) - Google Analytics