comboBox获取下拉列表索引的值及书写方式

最新推荐文章于 2025-02-09 17:50:38 发布

李四爷

最新推荐文章于 2025-02-09 17:50:38 发布

阅读量1w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： EXTJS 文章标签： combobox 索引

本文链接：https://blog.youkuaiyun.com/siyemuzi/article/details/21516457

EXTJS 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了如何在ExtJS中使用ComboBox组件，包括通过xtype定义下拉列表的方法及如何获取下拉列表值的索引。同时提供了具体的配置示例，帮助开发者更好地理解和应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一：comboBox获取下拉列表值的索引使用方法：Ext.getCmp('id').getValue();

指获取值：Ext.get('id').getValue();

二：可以通过xtype的方式来定义一个comboBox

	xtype:'combo',
	id:'msgType',
	name:'msgType',
	store:new Ext.data.SimpleStore({
		fields: ['val', 'name'],
		data : typeName }),
	valueField:'val',
	displayField:'name',
	mode:'local',
	triggerAction : 'all',
	width : 120,
	selectOnFocus : true,
	allowBlank : true,
	editable : false //避免用户直接输入

还可以通过new Ext.form.ComboBox（{ }）的方式定义comboBox

var comboBoxType = new Ext.form.ComboBox( {
		fieldLabel:'   订购类型:', 
		id:'sorderType',
		name:'sorderType',
		store: new Ext.data.SimpleStore({
			fields: ['val', 'name'],
			data : orderType }),
		valueField:'val',
		displayField:'name',
		typeAhead: true, 
		mode: 'local',//从本地读取数据
		triggerAction: 'all',
		selectOnFocus:true, 
		editable:false,
		width:120, 
		height:19,
		listeners:{
		select:function(comboBoxType){
			if(comboBoxType.getValue()=='0'){
				comboBoxChange(0);
			}
		}
	}
});