ExtJs-简单动态ComboBox
2010-08-23 23:11
393 查看
1.首先效果图
代码
3.comboBox在表单中提交值的问题
有如下两种方法:
1.params: { RoleId: Ext.getCmp('rCombox').getValue() }
通过params传 getValue()取到的是valueField中的值
2.通过配置hiddenName,来保存valueField中的值,否则将提交name属性中的值即dispalyField的值
4.参数介绍
mode:数据来源方式 local本地 remote 表示从服务器读取数据
selectOnFocus:值为 ture 时表示字段获取焦点时自动选择字段既有文本
editable:true表示可以编辑
代码
//设置ComboBox列表数据源参数 var comboxStore = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ url: "http://www.cnblogs.com/Service/SystemService/RoleService.ashx?Method=GetAllRoles" }), reader: new Ext.data.JsonReader({ root: 'Table', totalProperty: 'RecordCount', id: 'RoleId', fields: ['RoleId', 'RoleName'] }) }); comboxStore.load(); //角色下拉框 var roleCombox = new Ext.form.ComboBox({ id: 'rCombox', //xtype: 'combo', fieldLabel: '所属角色', emptyText: '请选择所属角色', name: 'RoleName', anchor: '98%', store: comboxStore, displayField: 'RoleName', valueField: 'RoleId', hiddenName: 'RoleId', typeAhead: true, mode: 'remote', triggerAction: 'all', selectOnFocus: true, blankText: '角色不能为空', allowBlank: false, editable: false });
3.comboBox在表单中提交值的问题
有如下两种方法:
1.params: { RoleId: Ext.getCmp('rCombox').getValue() }
通过params传 getValue()取到的是valueField中的值
2.通过配置hiddenName,来保存valueField中的值,否则将提交name属性中的值即dispalyField的值
4.参数介绍
mode:数据来源方式 local本地 remote 表示从服务器读取数据
selectOnFocus:值为 ture 时表示字段获取焦点时自动选择字段既有文本
editable:true表示可以编辑
相关文章推荐
- extjs中grid中嵌入动态combobox的应用
- extjs中grid中嵌入动态combobox的应用
- extjs Combobox动态加载数据问题,mode:local 还是remote
- 关于Extjs 4.0的comboBox的简单学习
- ExtJS Combobox 中Store动态传参数
- ExtJs——简单组件(ComboBox、GridPanel、Button、Fx、DatePicker)!!!
- extjs 下拉框 combobox 简单例子
- extjs 下拉列表ComboBox动态向后天获取数据
- Extjs 动态加载ComboBox数据
- Extjs combobox动态加载的实例
- Extjs 让combobox写起来更简单
- ExtJS中如何根据combobox的选值,动态地决定组件的显隐?
- extjs中grid中嵌入动态combobox的应用
- Extjs中的combobox的动态加载问题
- extjs Combobox动态加载数据问题,mode:local 还是remote
- 【ExtJs】ExtJs下gridpanel中ComboBox数据动态加载问题
- Extjs3.2+Json lib动态树与GridPanel简单展现
- extjs中grid中嵌入动态combobox的应用
- ExtJs ComboBox 动态创建下拉框