ExtJS PropertyGrid中使用Combobox選擇值問題
更新時(shí)間：2010年06月13日 00:06:26 作者：
在PropertyGrid中使用Combobox來選擇值時(shí)，得到的應(yīng)該是displayField的值，但是在確認(rèn)選擇的時(shí)候卻顯示了valueField的值
問題描述：
在PropertyGrid中使用Combobox來選擇值時(shí)，得到的應(yīng)該是displayField的值，但是在確認(rèn)選擇的時(shí)候卻顯示了valueField的值，例如，下拉選擇性別，displayField分別為'男'，'女'，對(duì)應(yīng)的valueField分別為'0'，'1'，本來選擇應(yīng)該顯示中文描述，但是卻顯示成了0或者1這樣的標(biāo)識(shí)數(shù)據(jù)，這對(duì)用戶來說應(yīng)該不能接受的。
解決：
攔截Grid的beforepropertychange事件，設(shè)置好顯示的值，之后返回false，阻止修改事件中的驗(yàn)證重置。
例如：
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來選擇值時(shí)，得到的應(yīng)該是displayField的值，但是在確認(rèn)選擇的時(shí)候卻顯示了valueField的值，例如，下拉選擇性別，displayField分別為'男'，'女'，對(duì)應(yīng)的valueField分別為'0'，'1'，本來選擇應(yīng)該顯示中文描述，但是卻顯示成了0或者1這樣的標(biāo)識(shí)數(shù)據(jù)，這對(duì)用戶來說應(yīng)該不能接受的。
解決：
攔截Grid的beforepropertychange事件，設(shè)置好顯示的值，之后返回false，阻止修改事件中的驗(yàn)證重置。
例如：
復(fù)制代碼 代碼如下:
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;
}
}
}
相關(guān)文章
ExtJS PropertyGrid中使用Combobox選擇值問題
在PropertyGrid中使用Combobox來選擇值時(shí)，得到的應(yīng)該是displayField的值，但是在確認(rèn)選擇的時(shí)候卻顯示了valueField的值2010-06-06
解決Extjs 4 Panel作為Window組件的子組件時(shí)出現(xiàn)雙重邊框問題
Extjs的Panel和Window等組件在默認(rèn)情況下是帶邊框的，通常情況下，單獨(dú)使用沒有什么關(guān)系，但是將Panel作為Window組件的子組件時(shí)就會(huì)出現(xiàn)雙重邊框的現(xiàn)象于是想辦法將兩重邊框去掉，變成單邊框,感興趣的朋友可以了解下2013-01-01
ExtJS是一個(gè)Ajax框架，是一個(gè)用javascript寫的，用于在客戶端創(chuàng)建豐富多彩的web應(yīng)用程序界面。ExtJS可以用來開發(fā)RIA也即富客戶端的AJAX應(yīng)用2008-12-12
EXTjs4.0的store的findRecord的BUG演示代碼
EXTjs4.0 的store的findRecord的BUG:當(dāng)判斷ID=1的時(shí)候，遇到1開頭的ID的時(shí)候，這個(gè)時(shí)候就判斷出問題了，有類似問題的朋友可以了解下哈2013-06-06
ExtJs GridPanel簡(jiǎn)單的增刪改實(shí)現(xiàn)代碼
ExtJs GridPanel中實(shí)現(xiàn)增刪改效果的代碼，需要的朋友可以參考下。2010-08-08
ExtJS4 組件化編程，動(dòng)態(tài)加載，面向?qū)ο?，Direct
ExtJS4終于出了正式版，體驗(yàn)一下面官方推薦的向?qū)ο缶幊套罴褜?shí)踐 過去的做法是new對(duì)象或者Ext.create一個(gè)對(duì)象，每個(gè)對(duì)象都要先實(shí)例化才能使用2011-05-05
Extjs在exlipse中設(shè)置自動(dòng)提示的方法
spket最好用了，而且它還支持ext，安裝起來很簡(jiǎn)單.....2010-04-04
extjs4 treepanel動(dòng)態(tài)改變行高度示例
本文為大家介紹下extjs4 treepanel如何動(dòng)態(tài)改變行高度，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-12-12
extjs實(shí)現(xiàn)的分頁，使用jsp傳遞數(shù)據(jù)，具體實(shí)現(xiàn)過程如下，需要的朋友莫錯(cuò)過2014-07-07
EXTJS FORM HIDDEN TEXTFIELD 賦值 使用value不好用的問題
用了一個(gè)方法解決了此問題，但是老是感覺這樣解決了很不爽，各位有沒有遇到過這種問題，請(qǐng)指點(diǎn)一下。2011-04-04