ExtJS PropertyGrid中使用Combobox选择值问题
问题描述:
在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;
}
}
}
相关推荐
-
jQuery EasyUI API 中文文档 - PropertyGrid属性表格
扩展自 $.fn.datagrid.defaults,用 $.fn.propertygrid.defaults 重写了 defaults. 依赖 datagrid 用法 复制代码 代码如下: <table id="pg"></table> 复制代码 代码如下: $('#pg').propertygrid({ url:'propertygrid_data.json', showGroup:true }); 特性 其特性扩展自 datagrid,下列是为 prope
-
C++ 关于 CMFCPropertyGridCtrl 的使用方法
题外话: 最近在写一个重要的程序,想做的更灵活一些,于是想采用属于对话框的形式,如图所示 但查了好几本大部门的C++及MFC的书,还有很多的网上的资料,这方面的介绍实在是少之又少.不过,好在VS2013是半开源的.哈哈,里抽的代码看不到,但是函数声明还是都能看到的.这为我解决问题提供了一条好的方法 ,另外在线的 MSDN 也是一个很好的学习途径,不过,汉语翻译实在是不敢恭维,那叫一个烂,基本上看不懂,他说的是什么,只能啃英文. 所以说,学东西不容易,学会了,一定不要忘记总结,要不然,过段时间就忘
-
ExtJs扩展之GroupPropertyGrid代码
ExtJs本身就提供了丰富的空间和良好的界面开发,就如同WinForm的开发一样.但是ExtJs的空间也有不完美的地方,但是有缺点也有他自己的弥补方法.ExtJs的良好的扩展性就是ExtJs自己控件不能实现的最好的方法. 这几个中使用最多的当属ExtJs的PropertyGrid,ExtJs的PropertyGrid使用起来时相当简单的,在ExtJs的官方网站上也有相应的例子,简单的就不在叙述了.但是ExtJs本身的PropertyGrid不能支持分组,在显示的不能将属性进行分组,这是相当郁闷的
-
C#实现ProperTyGrid自定义属性的方法
本文实例讲解了C#实现ProperTyGrid自定义属性的方法,分享给大家供大家参考.具体方法如下: 一般来说,C#如果要实现自定义属性必须要需要实现接口ICustomTypeDescriptor,具体实现方法如下: // 摘要: // 提供为对象提供动态自定义类型信息的接口. public interface ICustomTypeDescriptor 示例如下: /// <summary> /// 自定义属性对象 /// </summary> public class MyAt
-
PropertyGrid自定义控件使用详解
PropertyGrid是一个很强大的控件,使用该控件做属性设置面板的一个好处就是你只需要专注于代码而无需关注UI的呈现,PropertyGrid会默认根据变量类型选择合适的控件显示.但是这也带来了一个问题,就是控件的使用变得不是特别灵活,主要表现在你无法根据你的需求很好的选择控件,比如当你需要用Slider控件来设置int型变量时,PropertyGrid默认的模板选择器是不支持的.网上找了许多资料基本都是介绍WinForm的实现方式,主要用到了IWindowFromService这个接口,并
-
ExtJS PropertyGrid中使用Combobox选择值问题
问题描述: 在PropertyGrid中使用Combobox来选择值时,得到的应该是displayField的值,但是在确认选择的时候却显示了valueField的值,例如,下拉选择性别,displayField分别为'男','女',对应的valueField分别为'0','1',本来选择应该显示中文描述,但是却显示成了0或者1这样的标识数据,这对用户来说应该不能接受的. 解决: 拦截Grid的beforepropertychange事件,设置好显示的值,之后返回false,阻止修改事件中的验证
-
Extjs EditorGridPanel中ComboBox列的显示问题
为了解决这个问题需要在EditorGridPanel的ColumnModel中显示ComboBox的地方使用renderer属性,重新渲染,方法如下: 复制代码 代码如下: //部门列表 var comboxDepartmentStore = new Ext.data.Store({ proxy: new Ext.data.HttpProxy({ url: "GetDepartmentJson.aspx", method: 'GET' }), reader: new Ext.data.
-
Asp.net中获取DataTable选择第一行某一列值
数据源是一个DataTable,现在我们需要获取这个DataTable的第一行第一列的值. 先准备一个数据集,创建一个DataTable,并填充数据: source code: using System; using System.Collections.Generic; using System.Data; using System.Linq; using System.Text; using System.Threading.Tasks; using Insus.NET.Models; na
-
WPF ComboBox获取当前选择值的实例详解
WPF下给ComboBox设置绑定字段时可通过如下设置: combobox.SelectedValuePath = "编号" ;//为隐藏的一个字段 combobox .DisplayMemberPath = "名称" ;//为显示的字段 获得隐藏字段方式: combobox .SelectedValue.ToString (); 获得显示的字段: combobox.Text 补充:WPF中的ComboBox框赋值 WPF中的ComboBox框不能直接赋值给实体(选
-
jQuery获取复选框被选中数量及判断选择值的方法详解
本文实例讲述了jQuery获取复选框被选中数量及判断选择值的方法.分享给大家供大家参考,具体如下: 获取复选框被选中值 <input type="button" id="btn5" value="获得选中的所有值"> <input type="text" name="dd" id="dd" size="50" /> $("#btn5&
-
Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法
具体代码如下所示: Ext.define('AM.view.test.ReceiptList', { extend: 'Ext.grid.Panel', alias: 'widget.receiptlist', id : 'receiptlist', selModel : { selType : 'checkboxmodel', mode : 'SIMPLE', checkOnly : true, renderer : function(v,p,record) { if (record.data
-
浅谈C/C++ 语言中的表达式求值
经常可以在一些讨论组里看到下面的提问:"谁知道下面C语句给n赋什么值?" m = 1; n = m+++m++; 最近有位不相识的朋友发email给我,问为什么在某个C++系统里,下面表达式打印出两个4,而不是4和5: a = 4; cout << a++ << a; C++ 不是规定 << 操作左结合吗?是C++ 书上写错了,还是这个系统的实现有问题? 注:运行a = 4; cout << a++ << a; 如在Visua
-
mint-ui 时间插件使用及获取选择值的方法
如下所示: <div > {{pickerValue}}</div> <mt-datetime-picker ref="picker" 每一个都要填上这一条open type="time" @confirm="handleConfirm" 设置点击确定 v-model="pickerValue"> </mt-datetime-picker> data () { return {
-
Python Pandas中根据列的值选取多行数据
Pandas中根据列的值选取多行数据 # 选取等于某些值的行记录 用 == df.loc[df['column_name'] == some_value] # 选取某列是否是某一类型的数值 用 isin df.loc[df['column_name'].isin(some_values)] # 多种条件的选取 用 & df.loc[(df['column'] == some_value) & df['other_column'].isin(some_values)] # 选取不等于某些值的
-
Android自定义标尺滑动选择值效果
本文实例为大家分享了Android实现滑动标尺选择值,效果图 1.自定义属性attrs.xml <declare-styleable name="RulerView"> <attr name="textColor" format="color" /> <attr name="textSize" format="dimension" /> <attr name=&qu
随机推荐
- Windows PowerShell是啥?看完本文你就懂它了
- JavaScript中创建对象的7种模式详解
- Extjs中TabPane如何嵌套在其他网页中实现思路及代码
- Vue.js鼠标悬浮更换图片功能
- JS判断两个对象内容是否相等的方法示例
- java中Scanner类的简单用法分享
- python使用pil生成缩略图的方法
- Asp.Net MVC学习总结之过滤器详解
- PHP基于GD库的缩略图生成代码(支持jpg,gif,png格式)
- C语言实现排序算法之归并排序详解
- Android 高德地图之poi搜索功能的实现代码
- 详解Vue2中组件间通信的解决全方案
- 用js来定义浏览器中一个左右浮动元素相对于页面主体宽度的位置的函数
- 基于PHP array数组的教程详解
- 一个层慢慢增高展开,有种向下滑动的效果
- MongoDB系列教程(二):MongoDB简介
- Mysql高效分页详解
- 使用JavaScript修改浏览器URL地址栏的实现代码
- Javascript DOM事件操作小结(监听鼠标点击、释放,悬停、离开等)
- 使用C#调用系统API实现内存注入的代码