Extjs4中的Form之下拉列表combobox的使用
2013-11-25 13:46
344 查看
Ext.onReady(function(){ Ext.QuickTips.init(); //部门类 Ext.define("department",{ extend:'Ext.data.Model', fields:[ {name:'name'}, {name:'id'} ] }); var st = Ext.create("Ext.data.Store",{ model:'department', data:[ {name:'销售部',id:'001'}, {name:'人事部',id:'002'}, {name:'研发部',id:'003'}, {name:'产品部',id:'004'}, {name:'实施部',id:'0`05'}, {name:'法务部',id:'006'} ] }); Ext.create("Ext.form.Panel",{ title:'本地combobox实例', renderTo:'formDemo', bodyPadding:'5 5 5 5', height:100, width:270, frame:true, defaults:{ labelSeparator :": ", labelWidth : 70, width : 200, allowBlank: false, msgTarget : 'side', labelAlign:'left' }, items:[{ xtype:'combobox', listConfig:{//控制下拉列表的样式 emptyText:'没有找到匹配的数值', maxHeight:200 }, fieldLabel:'选择部门', name:'post', queryMode:'local',//[local|remot] store:st, valueField:"id", displayField :'name',//展示的部门名称 forceSelection:true,//不允许输入数据集合中没有的数值 typeAhead : true,//自动补全,默认为false value:'001'//默认显示的部门的id }] }); });
相关文章推荐
- Extjs4中的Form之下拉列表combobox的使用二(remot模式)
- Windows Mobile 中ComboBox【下拉列表】的使用
- Windows Mobile 中ComboBox【下拉列表】的使用
- 使用EXT实现ComboBox多列下拉列表
- 在DataGrid中使用下拉列表ComboBox控件
- [Struts2]s:combobox标签在使用出现问题:改变下拉列表的选中值,文本框的值不能随着被改变
- C# 程序中如何向(DEV)ComboBoxEdit控件中添加下拉列表的值不使用数据绑定,就是使用代码添加
- 在DataGrid中使用下拉列表ComboBox控件
- 下拉列表comboBox的使用
- Windows Mobile 中ComboBox【下拉列表】的使用
- Windows Mobile 中ComboBox【下拉列表】的使用
- Windows Mobile 中ComboBox【下拉列表】的使用
- QT5-控件-QFontComboBox-字体选择下拉列表,使用一个标签查看效果
- 不错的下拉列表.HTML控件和服务器控件都可以使用
- .net mvc DropDownListFor下拉列表使用(验证)方法
- 使用JavaScript以,号分割文本框内容为数组并添加到下拉列表
- AngularJS使用ngOption实现下拉列表的实例代码
- 使用grid控件时,含有combo列表框的情况下,无法显示下拉列表,可能的解决方法
- Android中Spinner下拉列表(使用ArrayAdapter和自定义Adapter实现)