`
xsl2007
  • 浏览: 134627 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

combo的displayField和valueField属性

EXT 
阅读更多
下拉框combo可以设置displayField和valueField属性,这两个值值相当于Java中的map,一个键一个值,displayField是下拉框中显示的值,valueField是隐藏的一个值,也就是说valueField是map的键,displayField是map中键的值;如:
{
						xtype : 'combo',
						id : 'schemaVersion',
						fieldLabel : 'schema版本',
						mode : 'remote',// 设置数据源为远程模式
						store : new Ext.data.SimpleStore({
							proxy : new Ext.data.HttpProxy({
								url : 'caseVersionAction.do?method=schemaVersionJson&rule=schemaVersionJson'
							}),
							fields : ['schemaid','version']
						}),
						allowBlank : false,
						triggerAction : 'all',// 单击出发按钮显示全部数据
						selectOnFocus : true,
						displayField : 'version',
						valueField : 'schemaid',
						emptyText : '请选择',
						blankText : "请选择要生成案例使用的schema版本",
						width : 125

					}
Ext.getCmp("schemaVersion").value //取到的是valueField 的值

Ext.get('schemaVersion').dom.value //取到的是displayField 的值 
分享到:
评论

相关推荐

    EXT控件lovcombo

    在EXT控件lovcombo中,"displayfield"和"valuefield"是两个关键属性。"displayfield"定义了在界面上显示给用户的文本字段,而"valuefield"则指定了当用户选择一个选项时,实际存储的值。这两个字段通常应该保持一致...

    EXT多选COMBO

    2. **定义displayField与valueField**:displayField用于显示在输入框中的文本,而valueField用于保存选定项的标识值。 3. **启用多选**:通过设置`multiSelect: true`来开启多选功能。这将改变ComboBox的行为,...

    EXT下拉框显示树形结构源代码

    - 创建EXT.form.field.TreeCombo实例,配置store、displayField、valueField等属性 - 添加事件监听器,如'expand'、'select'等 - 将COMBO TREE组件添加到一个布局容器(如EXT.container.Viewport或EXT.container.Box...

    Ext combo 下拉框级联

    通过配置store、displayField、valueField等属性,可以实现数据的展示和选择。 1. **配置store** - Store是Ext JS中用于存储数据的组件,它包含了数据模型(Model)和数据源(DataSource)。在级联下拉框中,通常...

    extjs的ComboBox 2级联动

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

    extjs editgrid combobox 回显

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

    ext多选下拉框(代码及例子)

    6. **代码实现**:在`lovcombo.js`中,你需要创建一个EXTJS的Combo实例,并设置必要的配置项如`store`、`displayField`、`valueField`以及`multiSelect`等。`store`通常会连接到一个数据源,`displayField`指定显示...

    extJs ComboBox级联

    6. **模板(Template)**:ComboBox的显示样式可以自定义,通过配置`displayField`和`valueField`来决定显示哪个字段的值,还可以使用模板来自定义显示内容。 7. **配置项**:ComboBox有许多可配置的选项,如`...

    Extjs6 下拉列表

    - GridCombo的`displayField`和`valueField`依然适用,但可以扩展到多个字段,例如,`displayFields`可以是一系列字段,用于构建复杂显示。 3. **配置和使用** - 创建ComboBox或Combogrid时,需要定义其配置项,...

    extjsCombo下拉框多选

    这通常与`valueField`和`displayField`配置有关。 5. **配置项**:自定义的MultiCombox可能增加一些特定的配置项,如`allowMultiple`、`maxSelections`等,以控制多选行为。 6. **事件处理**:除了基本的选择行为...

    解决ext下拉列表全选和去全选功能

    EXTJS的`GridPanel`提供了`selModel`属性来管理选择,你可以通过`selModel.selectAll()`和`selModel.deselectAll()`方法来实现全选和去全选。 标签中的“源码”意味着你需要理解EXTJS的底层工作原理,而“工具”则...

    Ext多选下拉框

    `displayField`指定了在下拉列表中显示的字段,而`valueField`则指定了选定值的字段。 多选下拉框的选中项通常以数组形式存储,可以通过`value`属性访问。当用户做出选择后,可以监听`select`事件来处理选定值的...

    用Ext 2.0 combobox 做的省份和城市联动选择框的例程

    对于省份ComboBox,我们需要设置它的`store`属性为省份Store,`displayField`为省份名称,`valueField`为省份ID。同时,我们需要监听`select`事件,当用户选择一个省份时触发。 3. **事件处理** 当省份ComboBox的...

    c# datagridview 下拉框

    - 可以通过调整`DataGridViewComboBoxColumn`的样式和属性来改变下拉框的外观,如宽度、高度、字体等。 - 如果需要自定义下拉框的行为,可以重写`DataGridViewComboBoxCell`类并添加新的功能。 6. **程序生成的...

    ext-----多选下拉框

    3. **选中项管理**: 当`multiSelect`开启时,你可以通过`valueField`属性来指定用于存储选中项值的字段。`selectedItem`或`value`属性可以用来获取或设置当前选中的项。 4. **事件处理**: EXT提供了丰富的事件处理...

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

    displayField: 'name', // 显示的字段 valueField: 'id' // 值字段 }); ``` 3. **PagingToolbar**:创建一个PagingToolbar,并将其与Store关联起来,以便自动处理分页。 ```javascript var pagingToolbar = Ext....

    extcombox搜索功能

    5. **displayField**与**valueField**:这两个属性定义了ComboBox在显示时使用的字段(displayField)和存储值的字段(valueField)。在模糊查询中,displayField用于与用户输入的关键字进行匹配。 6. **...

    ExtJS Combobox二级联动列子

    select: function(combo, record, index) { // 当省份选择后,更新城市Combobox的Store updateCityStore(record.get('id')); } } }); // 二级城市Combobox var cityStore = new Ext.data.Store({ url: '...

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

    - 创建 `GridComboBox` 需要配置 `store`(数据源)、`displayField`(显示字段)、`valueField`(值字段)等基本属性。 - 为了将 `GridPanel` 与 `ComboBox` 结合,你需要创建一个自定义的下拉模板,定义如何展示...

Global site tag (gtag.js) - Google Analytics