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 相关文章推荐
DOM精简教程
Oct 03 Javascript
用JavaScript脚本实现Web页面信息交互
Dec 21 Javascript
OfflineSave离线保存代码再次发布使用说明
May 23 Javascript
JavaScript检测字符串中是否含有html标签实现方法
Jul 01 Javascript
js下拉选择框与输入框联动实现添加选中值到输入框的方法
Aug 17 Javascript
Jquery attr()方法 属性赋值和属性获取详解
Apr 15 Javascript
vue.js的提示组件
Mar 02 Javascript
JavaScript的for循环中嵌套一个点击事件的问题解决
Mar 03 Javascript
js仿淘宝商品放大预览功能
Mar 15 Javascript
Vue-router 中hash模式和history模式的区别
Jul 24 Javascript
微信小程序数据分析之自定义分析的实现
Aug 17 Javascript
TypeScript 运行时类型检查补充工具
Sep 28 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
PHP中nowdoc和heredoc使用需要注意的一点
2014/03/21 PHP
dvwa+xampp搭建显示乱码的问题及解决方案
2015/08/23 PHP
PHP filter_var() 函数, 验证判断EMAIL,URL等
2021/03/09 PHP
拖动一个HTML元素
2006/12/22 Javascript
通过JAVAScript实现页面自适应
2007/01/19 Javascript
asp.net下利用js实现返回上一页的实现方法小集
2009/11/24 Javascript
ExtJs之带图片的下拉列表框插件
2010/03/04 Javascript
Jquery ThickBox插件使用心得(不建议使用)
2010/09/08 Javascript
jquery图片上下tab切换效果
2011/03/18 Javascript
JS重要知识点小结
2011/11/06 Javascript
js判断设备是否为PC并调整图片大小
2014/02/12 Javascript
jquery获取一个元素下面相同子元素的个数代码
2014/07/31 Javascript
JavaScript通过Date-Mask将日期转换成字符串的方法
2015/06/04 Javascript
jquery.Jcrop结合JAVA后台实现图片裁剪上传实例
2016/11/05 Javascript
原生js实现放大镜效果
2017/01/11 Javascript
jQuery基于Ajax实现读取XML数据功能示例
2018/05/31 jQuery
详解Vue依赖收集引发的问题
2019/04/22 Javascript
原生js通过一行代码实现简易轮播图
2019/06/05 Javascript
基于Vue的商品主图放大镜方案详解
2019/09/19 Javascript
javascript 对象 与 prototype 原型用法实例分析
2019/11/11 Javascript
Jquery Fade用法详解
2020/11/06 jQuery
一文秒懂nodejs中的异步编程
2021/01/28 NodeJs
[05:26]TI10典藏宝瓶套装外观展示
2020/07/03 DOTA
使用Python进行稳定可靠的文件操作详解
2013/12/31 Python
python访问类中docstring注释的实现方法
2015/05/04 Python
django的settings中设置中文支持的实现
2019/04/28 Python
Numpy与Pytorch 矩阵操作方式
2019/12/27 Python
Aquatalia官网:意大利著名鞋履品牌
2019/09/26 全球购物
中国领先的汽车保养服务平台:途虎养车
2019/10/18 全球购物
俄罗斯茶和咖啡网上商店:Tea.ru
2021/01/26 全球购物
妇产医师自荐信
2014/01/29 职场文书
产假请假条
2014/04/10 职场文书
旷课检讨书
2015/01/26 职场文书
2015年银行大堂经理工作总结
2015/04/24 职场文书
2015年初一班主任工作总结
2015/05/13 职场文书
Idea连接MySQL数据库出现中文乱码的问题
2021/04/14 MySQL