ExtJS PropertyGrid中使用Combobox选择值问题_extjs
程序员文章站
2022-06-11 21:12:58
...
问题描述:
在PropertyGrid中使用Combobox来选择值时,得到的应该是displayField的值,但是在确认选择的时候却显示了valueField的值,例如,下拉选择性别,displayField分别为'男','女',对应的valueField分别为'0','1',本来选择应该显示中文描述,但是却显示成了0或者1这样的标识数据,这对用户来说应该不能接受的。
解决:
拦截Grid的beforepropertychange事件,设置好显示的值,之后返回false,阻止修改事件中的验证重置。
例如:
listeners: {
beforepropertychange: function(source, recordId, value, oldValue){
if(recordId == 'BRAND_NAME'){
var record = this.getStore().getById(recordId);
this.suspendEvents();
record.set("value", cmbBrandEdit.store.getAt(cmbBrandEdit.store.find('BRAND_ID', value)).get('BRAND_NAME'));
record.commit();
this.resumeEvents();
return false;
}
}
}
在PropertyGrid中使用Combobox来选择值时,得到的应该是displayField的值,但是在确认选择的时候却显示了valueField的值,例如,下拉选择性别,displayField分别为'男','女',对应的valueField分别为'0','1',本来选择应该显示中文描述,但是却显示成了0或者1这样的标识数据,这对用户来说应该不能接受的。
解决:
拦截Grid的beforepropertychange事件,设置好显示的值,之后返回false,阻止修改事件中的验证重置。
例如:
复制代码 代码如下:
listeners: {
beforepropertychange: function(source, recordId, value, oldValue){
if(recordId == 'BRAND_NAME'){
var record = this.getStore().getById(recordId);
this.suspendEvents();
record.set("value", cmbBrandEdit.store.getAt(cmbBrandEdit.store.find('BRAND_ID', value)).get('BRAND_NAME'));
record.commit();
this.resumeEvents();
return false;
}
}
}
推荐阅读
-
Extjs EditorGridPanel中ComboBox列的显示问题
-
ExtJS4给Combobox设置列表中的默认值示例
-
ExtJS PropertyGrid中使用Combobox选择值问题
-
ExtJS PropertyGrid中使用Combobox选择值问题_extjs
-
解决ExtJS Combobox在form提交显示值问题
-
ExtJS4给Combobox设置列表中的默认值示例_extjs
-
ExtJS4给Combobox设置列表中的默认值示例_extjs
-
Extjs EditorGridPanel中ComboBox列的显示问题_extjs
-
Extjs EditorGridPanel中ComboBox列的显示问题_extjs
-
Extjs EditorGridPanel中ComboBox列的显示问题