Ext表单中的combobox回填显示值问题
2008-12-10 12:15
423 查看
缘由:在基于Ext构建的表单(form)中使用了Combobox组件,提交时使用hiddenName方式,后台可接收到所选的valueField值,实现保存功能。
问题:在修改页面中须将值回填到combobox中,但combobox显示的是valueField值而不是displayField值。解决的办法是在combobox的store中添加listener回填显示值。
解决问题所添加代码:
Js代码
![](http://seraph115.javaeye.com/images/icon_copy.gif)
listeners: { load: function() { typeCombo.setValue(typeCombo.getValue()); } }
完整代码:
Js代码
![](http://seraph115.javaeye.com/images/icon_copy.gif)
var typeStore = new Ext.data.JsonStore({
url: 'systemParmsProvider.do?type=DATA_TABLE_TYPE_LIST',
fields: ['codeValue', 'codeLabel'],
listeners: { load: function() { typeCombo.setValue(typeCombo.getValue()); } }});
typeStore.setDefaultSort('codeValue');
var typeCombo = new Ext.form.ComboBox({
store: typeStore,
fieldLabel: '类型',
displayField: 'codeLabel',
valueField: 'codeValue',
name: 'type',
hiddenName: 'type',
typeAhead: true,
emptyText:'请选择数据表类型...',
mode: 'local',
triggerAction: 'all',
selectOnFocus: true,
editable: false,
anchor:'95%'
});
typeStore.load();
希望对大家能有所帮助,tks
问题:在修改页面中须将值回填到combobox中,但combobox显示的是valueField值而不是displayField值。解决的办法是在combobox的store中添加listener回填显示值。
解决问题所添加代码:
Js代码
![](http://seraph115.javaeye.com/images/icon_copy.gif)
listeners: { load: function() { typeCombo.setValue(typeCombo.getValue()); } }
listeners: { load: function() { typeCombo.setValue(typeCombo.getValue()); } }
完整代码:
Js代码
![](http://seraph115.javaeye.com/images/icon_copy.gif)
var typeStore = new Ext.data.JsonStore({
url: 'systemParmsProvider.do?type=DATA_TABLE_TYPE_LIST',
fields: ['codeValue', 'codeLabel'],
listeners: { load: function() { typeCombo.setValue(typeCombo.getValue()); } }});
typeStore.setDefaultSort('codeValue');
var typeCombo = new Ext.form.ComboBox({
store: typeStore,
fieldLabel: '类型',
displayField: 'codeLabel',
valueField: 'codeValue',
name: 'type',
hiddenName: 'type',
typeAhead: true,
emptyText:'请选择数据表类型...',
mode: 'local',
triggerAction: 'all',
selectOnFocus: true,
editable: false,
anchor:'95%'
});
typeStore.load();
var typeStore = new Ext.data.JsonStore({
url: 'systemParmsProvider.do?type=DATA_TABLE_TYPE_LIST',
fields: ['codeValue', 'codeLabel'],
listeners: { load: function() { typeCombo.setValue(typeCombo.getValue()); } }});
typeStore.setDefaultSort('codeValue');
var typeCombo = new Ext.form.ComboBox({
store: typeStore,
fieldLabel: '类型',
displayField: 'codeLabel',
valueField: 'codeValue',
name: 'type',
hiddenName: 'type',
typeAhead: true,
emptyText:'请选择数据表类型...',
mode: 'local',
triggerAction: 'all',
selectOnFocus: true,
editable: false,
anchor:'95%'
});
typeStore.load();
希望对大家能有所帮助,tks
相关文章推荐
- ext版本升级引起的combobox不能正常显示问题
- Ext Combobox 显示valueField值 不显示displayField问题
- Ext中combobox在Grid里显示问题
- Ext中combobox在grid显示问题
- Ext中combobox在grid显示问题
- Ext中ComboBox读取数据、显示数据出现的一些问题
- Ext Combobox 显示valueField值 不显示displayField问题
- Ext.form.ComboBox显示错误的问题
- Ext中combobox在Grid里显示问题
- ext combobox 下拉框显示位置问题
- ext window中有tree不显示tree数据问题
- Ext、Coolite中ComboBox下拉框修改问题
- Ext3.3 中chart 报表显示有关问题
- Extjs中Form表单combobox重置后初始化值为空问题解决
- 用Ext显示页面中文乱码问题解决
- Ext2.2在FireFox下字体显示太小的问题解决方法
- Ext的TabPanel切换界面显示问题
- EasyUI中,DataGrid中的combobox显示异常问题
- extjs JsonStore加载数据,Combobox只显示最后一项值问题
- Ext中文乱码和中文显示问题。