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

combo的displayField和valueField属性

阅读更多
下拉框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

    可以进行多选的带checkbox的combobox,大家运行一下就知道了。 本次修正了在combox的displayfield和valuefield不一致时会产生的错误

    Extjs中DisplayField的日期或者数字格式化扩展

    所以我们必须使用 Ext.form.DisplayField,但是 Ext.form.DisplayField 没有一个format的属性,也不具备 renderer 这个事件,比如日期字段 var form = new Ext.form.FormPanel({frame: true,renderTo: ‘form-div’,...

    Ext3.1 21款精美主题和动态换皮肤

    定义下拉数据源和combox: var themestore = new Ext.data.SimpleStore({ fields: ['Name', 'File'], data: Ext.simpledata.themes }); this.cboTheme = new Ext.form.ComboBox({ id: 'ux-startcombo-theme', ...

    Extjs自动填充

    xtype : 'combo', triggerAction : 'query', forceSelection : true, editable : true, queryParam : 'autoContent',//向后台传递输入框中的值 minChars : 2, fieldLabel : '填写自动提示内容', emptyText :...

    ExtJS PropertyGrid中使用Combobox选择值问题

    问题描述: 在PropertyGrid中使用Combobox来选择值时,得到的应该是displayField的值,但是在确认选择的时候却显示了valueField的值,例如,下拉选择性别,displayField分别为’男’,’女’,对应的valueField分别...

    Ext JS 实现建议词模糊动态搜索功能

    代码: new Ext.form.ComboBox({ store: new Ext.data.JsonStore({ idProperty: 'VehicleNo', url: '../ajax/test.ashx, ... displayField: 'VehicleNo', valueField: 'VehicleNo', queryParam: 'VehicleNo', f

    Extjs TreeField

    valueField:'userCode', displayField:'text', listHeight : 300, shadow:true, dataUrl : '/portal/framework/organTree.action', tabIndex : 1, anchor : '100%'...

    java计算器代码

    displayField.setHorizontalAlignment(JTextField.RIGHT); constraints.gridx=0; constraints.gridy=0; constraints.gridwidth=4; constraints.gridheight=1; constraints.fill=GridBagConstraints.BOTH; ...

    java Calculator 计算器

    private JTextField displayField;//计算结果显示区 private String lastCommand;//保存+,-,*,/,=命令 private double result;//保存计算结果 private boolean start;//判断是否为数字的开始 public Calculator...

    ext combox 下拉框不出现自动提示,自动选中的解决方法

    看代码 代码如下: var comboxContractType = new Ext.form.ComboBox({ name:’logisticsId’, fieldLabel:’物流公司’, displayField:’logisticsName’, valueField:’logisticsId’, emptyText:’请选择’, width...

    AnPopListBox 2.0

    ActiveADO 是试行SQL语句是否有效,并 填充DisplayField 显示字段名,DisplayText 显示标题,DisplayWidth 在AutoWidth = False 时,用户定义的列宽3、单击列标题可以排序,Ctrl + E 可以导出Excel,F5 刷新数据, ...

    Extjs4.2带复选框下拉树组件

    网上搜索了许久未找到...Extjs4.2 带复选框的下拉树,解决了向下勾选子节点、向上勾选父节点,正选反选获取值等问题,勾选的节点显示displayfield值直接显示在下拉文本框中。需要引用ext-all.js和ext-all-neptune.css

    在Vue 中获取下拉框的文本及选项值操作

    方法1: <!-- element表单组件 --> :model=ruleForm label-position right ref=ruleForm u6807记的 status-icon size=small inline :rules rules label-width=150px ...el-input v-model.number=rul

    Ext+JS高级程序设计.rar

    8.2.1 DisplayField控件 226 8.2.2 在FormPanel中使用TabPanel 229 8.2.3 DirectLoad与DirectSubmit 232 8.2.4 使用DirectSubmit上传文件 235 8.3 Grid组件 238 8.3.1 一个结合DataWrite和RowEditor的Grid示例 238 ...

    contentful-migrate:for具有状态管理功能的内容迁移架构工具

    内容丰富的迁移工具 通过创建脚本化增量更改来管理您的内容架构。... displayField ( "title" ) . description ( "Post model" ) ; post . createField ( "title" ) . name ( "Title" ) . type ( "Symbol" ) . requir

    Extjs中通过Tree加载右侧TabPanel具体实现

    左侧的功能树 代码如下: Ext.define(“AM.view.SystemTree”, { extend : ‘Ext.tree.Panel’, alias : ‘widget.systemTree’, rootVisible : false,// 不展示ROOT displayField : ‘text’, // title:’物流运输...

    TreeView创建IHierarchicalDataSource类型的数据源实现

    IHierarchicalDataSource实现: public class InsHierarchyData : IHierarchyData, ... private string displayField; public InsHierarchyData(string dataParentIdField, string dataIdField,string displayF

Global site tag (gtag.js) - Google Analytics