在Store加上一个listeners时设置ComBox中对应的键值。
var nodeNameStore = new Ext.data.JsonStore({
url : Listener
+ '?className=etl.db.Node&methodName=getAllNodeJSON¶mCount=0',
totalProperty : 'results',
root : 'root',
id : 'id',
fields : ['id', 'name'],
listeners : {
load : function() {
nodeName.setValue(nodeName.getValue());
}
}
});
nodeNameStore.load();
var nodeName = new Ext.form.ComboBox({
xtype : "combo",
name : "nodeName",
fieldLabel : "所在作业节点",
displayField : 'name',// 下拉框显示的值
valueField : 'id',
store : nodeNameStore,
triggerAction : 'all',
editable : false,
allowBlank : false,
emptyText : '请选择作业节点',
selectOnFocus : true
});
nodeName.setValue("1");
因为load()方法是异步加载,所以在setValue()里不能保证一定加载完成,因此要增加侦听事件。
但在Ext.grid中这样设置不起作用。需要再渲染一下。
{
id : "node",
header : "节点名",
dataIndex : 'node',
sortable : true,
width : 80,
editor : nodeName,
renderer : function(value, p, r) {
var record = nodeNameStore.getById(value);
if (record == undefined) {
return "";
} else {
return record.data.name;
}
}
}
这样在设置时会自动显示正确的dispalyField;
分享到:
相关推荐
**Ext.form.ComboBox** 是一个下拉列表框组件,用于提供可选列表供用户选择。 - **allQuery**: 类型为 `String`,当用户在组合框中输入时,此属性定义所有匹配的项都将显示在列表中。 - **autoCreate**: 类型为 `...
本示例探讨如何利用Ext JS中的`Ext.form.field.ComboBox`组件,结合Java后端和JSON数据格式,来创建这样一个功能。 `Ext.form.field.ComboBox`是Ext JS框架中一个强大的组件,它提供了下拉列表的功能,可以用于创建...
在EXTJS框架中,`Ext.ux.form.LovCombo`是一种自定义组件,它扩展了基本的`Ext.form.field.ComboBox`,提供了更丰富的功能,尤其是针对多选和联动选择的需求。这个组件通常用于创建具有“lov”(即“Look Up Value”...
3. `combo`:`Ext.form.ComboBox`是下拉列表框组件,允许用户在预设的选项中进行选择,同时可以提供搜索功能以便快速定位选项。 4. `datefield`:`Ext.form.DateField`是日期选择组件,用户可以通过日历控件选择...
8. **组合框模式**:`Ext.form.TextField`还可以扩展为`Ext.form.ComboBox`,实现下拉选择功能,这在需要用户从预定义选项中选择时非常有用。 在压缩包中的`Ext.form.TextField`文件夹,很可能是包含了一个或者多个...
用EXT来实现下拉框ComboBox 下拉框可以实现分页
默认情况下,ComboBox只允许用户选择一个值,而MultiComboBox则允许用户选择多个值,这些值通常以复选框的形式展示。 要实现全选功能,我们需要考虑以下关键步骤: 1. **配置MultiComboBox**:在创建MultiComboBox...
在Ext.js中,`Ext.Store`是用来管理数据的类,它通常与各种UI组件(如Grid、ComboBox等)关联,用于存储和检索数据。然而,获取`Ext.Store`的方式并不像获取其他Ext组件那样直接,因为Store并不是一个具有可视界面的...
var comboBox = Ext.create('Ext.form.ComboBox', { fieldLabel: '选择项', store: ['选项1', '选项2', '选项3'], displayField: 'text', valueField: 'text', }); ``` 2. **添加或删除选项**: 当需要添加...
comboBox.setValue(comboBox.getStore().getValues()); } }); var deselectAllBtn = Ext.create('Ext.button.Button', { text: '全不选', handler: function() { comboBox.getStore().each(function(record) {...
editor: new Ext.form.ComboBox({ id: "combo_process", store: store_process, valueField: "process_id", displayField: "process_name", forceSelection: true, typeAhead: true, triggerAction: 'all', ...
- `Ext.String.format()`: 使用占位符替换字符串中的值。 - `Ext.String.trim(string)`: 删除字符串两端的空白字符。 #### 5. Date 类 (P.5) - **概述**:提供了日期和时间相关的操作方法。 - **常用方法**: - ...
53、Ext.form.DateField类 ………… 45 54、Ext.form.ComboBox类 ……………… 46 55、Ext.form.TimeField类 ………… 47 56、Ext.menu.Menu类 ………………… 50 57、Ext.menu.BaseItem类 …………… 50 58、Ext....
**2.18 ComboBox (Ext.form.ComboBox)** - **xtype**: `combo` - **功能描述**:ComboBox 是一个下拉列表框,用户可以从列表中选择一个值。 - **主要用途**:适用于需要用户从预定义的选项中选择的场景。 **2.19 ...
Ext.grid.EditorGridPanel是Ext JS库中的一个组件,主要用于创建具有可编辑单元格的表格。这个组件在数据展示和编辑方面提供了丰富的功能,是构建数据密集型应用的理想选择。下面将详细阐述其特点、工作原理及如何...
EXT2_combobox_form.rar_combobox ext_ext 这个标题暗示我们关注的是一个与EXT2相关的项目,其中包含了关于form表单和combobox的示例。EXT是一个流行的JavaScript库,主要用于构建富客户端应用,特别是Web应用的用户...
Ext.create('Ext.form.field.ComboBox', { fieldLabel: '选择部门', store: Ext.create('Ext.data.TreeStore', { model: 'Department', root: { text: '所有部门', expanded: true, children: [ /* ... *...
var provinceComboBox = new Ext.form.ComboBox({ store: provincesStore, displayField: 'provinceName', valueField: 'provinceId', listeners: { select: function(combo, record, index) { var ...
而“下拉多选框”意味着这个ComboBox支持多选模式,用户可以选择多个值而不是仅限于一个。结合“带搜索功能”的描述,我们可以推断出这是一个定制的ComboBox,它增加了实时搜索功能,用户在输入框中输入文本时,下拉...
1. **创建一个新的类**:定义一个继承自Ext.form.ComboBox的新类,添加必要的配置和方法来支持多选。 2. **配置store**:设置一个数据存储(Store)来保存可选项,确保每个记录都有一个表示选中状态的字段,如`...