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 相关文章推荐
javascript上传图片前预览图片兼容大多数浏览器
Oct 25 Javascript
jQuery实现倒计时按钮功能代码分享
Sep 03 Javascript
BootStrap智能表单demo示例详解
Jun 13 Javascript
Angular JS数据的双向绑定详解及实例
Dec 31 Javascript
jQuery插件HighCharts绘制2D金字塔图效果示例【附demo源码下载】
Mar 09 Javascript
微信小程序教程系列之新建页面(4)
Apr 17 Javascript
js+html获取系统当前时间
Nov 10 Javascript
详细分析jsonp的原理和实现方式
Nov 20 Javascript
jQuery事件blur()方法的使用实例讲解
Mar 30 jQuery
详解Vue-cli3.X使用px2rem遇到的问题
Aug 09 Javascript
JS数组降维的实现Array.prototype.concat.apply([], arr)
Apr 28 Javascript
解决vue做详情页跳转的时候使用created方法 数据不会更新问题
Jul 24 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
解决中英文字符串长度问题函数
2007/01/16 PHP
PHP Class&Object -- 解析PHP实现二叉树
2013/06/25 PHP
使用php验证复选框有效性的示例
2013/11/13 PHP
Thinkphp中的volist标签用法简介
2014/06/18 PHP
PHP管理依赖(dependency)关系工具 Composer 安装与使用
2014/08/18 PHP
memcache一致性hash的php实现方法
2015/03/05 PHP
php文件操作之小型留言本实例
2015/06/20 PHP
PHP图像裁剪缩略裁切类源码及使用方法
2016/01/07 PHP
Docker 安装 PHP并与Nginx的部署实例讲解
2021/02/27 PHP
jquery基础教程之deferred对象使用方法
2014/01/22 Javascript
JS组件Bootstrap Select2使用方法解析
2016/05/30 Javascript
浅谈JavaScript 代码简洁之道
2019/01/09 Javascript
解决element ui select下拉框不回显数据问题的解决
2019/02/20 Javascript
Vue.js数字输入框组件使用方法详解
2019/10/19 Javascript
纯JS实现五子棋游戏
2020/05/28 Javascript
使用原生JS实现滚轮翻页效果的示例代码
2020/05/31 Javascript
vue使用better-scroll实现滑动以及左右联动
2020/06/30 Javascript
vue router-link 默认a标签去除下划线的实现
2020/11/06 Javascript
用Python实现通过哈希算法检测图片重复的教程
2015/04/02 Python
基于python requests库中的代理实例讲解
2018/05/07 Python
使用Python的Dataframe取两列时间值相差一年的所有行方法
2018/07/10 Python
Pandas透视表(pivot_table)详解
2019/07/22 Python
利用Python裁切tiff图像且读取tiff,shp文件的实例
2020/03/10 Python
Python依赖包迁移到断网环境操作
2020/07/13 Python
Django haystack实现全文搜索代码示例
2020/11/28 Python
HTML页面中添加Canvas标签示例
2015/01/01 HTML / CSS
Groupon法国官方网站:特卖和网上购物高达-70%
2019/09/02 全球购物
UML设计模式笔试题
2014/06/07 面试题
工伤赔偿协议书
2014/04/15 职场文书
竞聘上岗演讲稿
2014/05/16 职场文书
工地安全标语
2014/06/07 职场文书
关于读书的演讲稿300字
2014/08/27 职场文书
终止解除劳动合同证明书
2015/06/17 职场文书
消防宣传语大全
2015/07/13 职场文书
八年级语文教学反思
2016/03/03 职场文书
分享7个 Python 实战项目练习
2022/03/03 Python