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