ExtJS combobox 本地使用

最新推荐文章于 2020-04-09 14:56:18 发布

转载最新推荐文章于 2020-04-09 14:56:18 发布 · 107 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/263874/blog/266120

文章标签：

#python

本文介绍了一个使用ExtJS实现的下拉框示例，该示例展示了如何配置一个包含菜单和功能两种选项的下拉框，并根据所选类型动态调整其他表单元素的状态。

2019独角兽企业重金招聘Python工程师标准>>>

<!-- lang: js -->
/** 节点类型 下拉框 0：菜单，1：功能------Strart*/
		var data= [['菜单','0'],['功能','1']];
		var store = new Ext.data.SimpleStore({
			fields :['text','value'],
			data : data
		});
		
		var combo = new Ext.form.ComboBox({
			fieldLabel :'节点类型',
			name : 'r_Type', 	//  表单字段名称
			readOnly : true,	// 是否只读
			anchor : '95%',		// 布局
			triggerAction: 'all',	// 选择全部
			store: store,	
			displayField : 'text',	// 显示字段
			valueField : 'value',	// 值，可选
			mode: 'local',//因为data已经取数据到本地了，所以’local’,默认为”remote”，枚举完
			emptyText:'请选择...',
			allowBlank : false,// 不允许为空
			blankText : '请选择',// 该项如果没有选择，则提示错误信息,
			listeners:{
				'select' : function(){
					// 如果选择的是菜单，则没有URL,功能菜单存在URL
					var nType = combo.getValue();
					if(nType=="0"){
						path.setValue("菜单类型，没有路径!");
						path.setDisabled(true);
					}else{
						path.setValue("");
						path.setDisabled(false);
					}
				}
			}
		});
		className.combo = combo;

转载于:https://my.oschina.net/u/263874/blog/266120