//首先先定义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 );
相关推荐
在EXTJS中,ComboBox是一个非常常用的组件,它用于创建下拉选择框,通常与数据存储(Store)结合使用,提供动态加载数据的功能。在实际应用中,我们常常需要在ComboBox加载完数据后设置其初始值,以确保用户看到的是...
在ExtJS中,ComboBox是一个常用的组件,用于提供下拉列表供用户选择。它结合了文本输入框和下拉菜单的功能,通常用于数据选择场景。然而,有时候开发者可能会遇到ComboBox不显示下拉列表的问题,就像标题和描述中所...
3. **动态赋值**:描述中提到的“动态赋值”意味着你可以随时更改DateTime控件的值,而不仅仅是初始化时。这可以通过JavaScript代码直接设置控件的“value”属性,或者通过监听其他组件的事件来响应变化。 4. **...
在前端开发中,ExtJS是一个广泛使用的JavaScript框架,它用于构建交互式的Web应用。下拉列表框(Combo Box)是用户界面中常见的组件,它允许用户从预定义的一组选项中进行选择。在某些场景下,可能需要设置下拉列表...
在 ExtJS 中,可以通过将服务器返回的 JSON 数据直接赋值给 `store` 来实现。例如,服务器返回如下 JSON 数组: ```json ["湖北", "江西", "安徽"] ``` 在 JavaScript 中,你可以这样设置 ComboBox: ```...
在ExtJS中,下拉列表ComboBox组件是用于展示可选列表的交互控件,常用于表单输入。它提供了多种数据绑定方式,包括本地数据和远程数据。本篇文章将详细讲解Ext中下拉列表ComboBox组件的store数据格式及其用法。 ...
// 将值批量赋值 form1.form.setValues(Ext.util.JSON.decode(response.responseText)); } } }); }); ``` 2. 配置数据源。通过Ajax请求获取后台数据,并使用Ext.data.Store和Ext.data.JsonReader来配置数据源...
4. **Combobox的valueField值回传至后台**: - 当我们在表单中使用Combobox时,通常希望提交的是valueField(如ID)而非displayField(如名称)。 - 为了保持用户友好的交互,我们应确保后台能理解这些值。比如,...