ExtJS PropertyGrid中使用Combobox选择值问题


Posted in Javascript onJune 13, 2010

问题描述:

在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; 
} 
} 
}
Javascript 相关文章推荐
在JQuery dialog里的服务器控件 事件失效问题
Dec 08 Javascript
收集的10个免费的jQuery相册
Feb 26 Javascript
JavaScript下通过的XMLHttpRequest发送请求的代码
Jun 28 Javascript
jQuery焦点图切换简易插件制作过程全纪录
Aug 27 Javascript
javascript操作字符串的原生方法
Dec 22 Javascript
使用jQuery和Bootstrap实现多层、自适应模态窗口
Dec 22 Javascript
jquery判断单选按钮radio是否选中的方法
May 05 Javascript
jQuery实现可展开合拢的手风琴面板菜单
Sep 15 Javascript
JavaScript实现页面定时刷新(定时器,meta)
Oct 12 Javascript
vue父组件向子组件传递多个数据的实例
Mar 01 Javascript
微信小程序实现跑马灯效果
Oct 21 Javascript
Vue select 绑定动态变量的实例讲解
Oct 22 Javascript
js null undefined 空区别说明
Jun 13 #Javascript
javascript dom代码应用 简单的相册[firefox only]
Jun 12 #Javascript
DOM Scripting中的图片切换[兼容Firefox]
Jun 12 #Javascript
由JavaScript技术实现的web小游戏(不含网游)
Jun 12 #Javascript
ASP.NET中使用后端代码注册脚本 生成JQUERY-EASYUI的界面错位的解决方法
Jun 12 #Javascript
jquery form表单提交插件asp.net后台中文解码
Jun 12 #Javascript
JavaScript中yield实用简洁实现方式
Jun 12 #Javascript
You might like
历史证明,懒惰才是推动科学发展技术进步的动力
2021/03/02 无线电
php使用百度翻译api示例分享
2014/01/31 PHP
php中hashtable实现示例分享
2014/02/13 PHP
php parse_str() 函数的定义和用法
2016/05/23 PHP
thinkPHP5框架路由常用知识点汇总
2019/09/15 PHP
Span元素的width属性无效果原因及解决方案
2010/01/15 Javascript
编写Js代码要注意的几条规则
2010/09/10 Javascript
用方法封装javascript的new操作符(一)
2010/12/25 Javascript
JS代码放在head和body中的区别分析
2011/12/01 Javascript
jQuery插件MixItUp实现动画过滤和排序
2015/04/12 Javascript
Bootstrap每天必学之媒体对象
2015/11/30 Javascript
JavaScript数组去重的几种方法效率测试
2016/10/23 Javascript
jQuery的ready方法实现原理分析
2016/10/26 Javascript
vue父子组件的数据传递示例
2017/03/07 Javascript
对vue事件的延迟执行实例讲解
2018/08/28 Javascript
angular 服务的单例模式(依赖注入模式下)详解
2018/10/22 Javascript
vue项目上传Github预览的实现示例
2018/11/06 Javascript
原生javascript实现连连看游戏
2019/01/03 Javascript
jquery实现烟花效果(面向对象)
2020/03/10 jQuery
python使用chardet判断字符串编码的方法
2015/03/13 Python
Python数据结构与算法之完全树与最小堆实例
2017/12/13 Python
基于Python的微信机器人开发 微信登录和获取好友列表实现解析
2019/08/21 Python
使用PyOpenGL绘制三维坐标系实例
2019/12/24 Python
Tensorflow设置显存自适应,显存比例的操作
2020/02/03 Python
Python matplotlib实时画图案例
2020/04/23 Python
Django自定义YamlField实现过程解析
2020/11/11 Python
python opencv实现直线检测并测出倾斜角度(附源码+注释)
2020/12/31 Python
详解CSS中iconfont的使用
2015/08/04 HTML / CSS
瑞士国际航空官网:SWISS
2016/07/21 全球购物
彪马美国官网:PUMA美国
2017/03/09 全球购物
abstract是什么意思
2012/02/12 面试题
关于毕业的中学校园广播稿
2014/01/26 职场文书
会计电算化大学生职业规划书
2014/02/05 职场文书
金融专业毕业生自荐信
2014/06/26 职场文书
神州牡丹园的导游词
2019/11/20 职场文书
pytorch 使用半精度模型部署的操作
2021/05/24 Python