Ext中ComboBox读取数据、显示数据出现的一些问题

Ext ComboBox 数据加载与显示问题解析

最新推荐文章于 2025-06-21 09:46:44 发布

原创

最新推荐文章于 2025-06-21 09:46:44 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ext #autoload #工作 #function #query #api

这篇博客记录了作者在学习Ext时遇到的ComboBox组件使用问题，特别是关于store、fields、valueField、displayField、triggerAction和hiddenName属性的理解。触发行为triggerAction的不当设置可能导致频繁自动匹配，editable属性的配合也需要注意。hiddenName属性用于获取实际的valueField值，而getCmp()返回的是displayField的值。

本人也是刚刚开始学习Ext，在这里班门弄斧，发一篇博客，来纪念一下这一下午的工作。就当做是个工作笔记吧

items : [{
		xtype : 'combo',
		hiddenName : 'sectionValue',
		forceSelection : true,
		typeAhead : false, 
//		editable : false,
		id : 'sectionCombo',
		fieldLabel : '板块名称',
		width : '200',
		store : new Ext.data.JsonStore({
			url : context + '/section/search.ao?method=searchAllSectionName',
			autoLoad : true,
			method : 'post',
			root : 'root',
			totalProperty : 'totalProperty',
			fields:['text','value'],
			listeners :{ 
				load:function(){ 
				}
			}
		}),
		emptyText : '=====取消板主=====',
		mode : 'remote',
		triggerAction : 'all',
		blankText:'请选择',
		valueField: 'value',
    		displayField: 'text'
	}],

这其中有几个关键的属性：
&nb