行エディターを開くと、テキストボックスに表示フィールドではなく値フィールドが表示されるため、コンボボックスの「修正」を作成しています。ただし、これを行うには、サーバーに送信される直前にコンボボックスの値を変更する必要があります。これを行うために、私の考えは、行編集プラグインの beforeedit イベントにフックすることでした。
最大の問題は、行編集しているグリッドに到達する方法、または行編集プラグインに直接到達する方法が見つからないことです。
私が見つけることができる唯一のものは、コンボボックスが含まれているフォームであり、combobox.up('form')それらのイベントにフックできますが、「十分に早く」発生しないと思います。ただし、フォームから行編集プラグインを取得する方法が見つかりません:\
この問題を解決する方法について何か考えはありますか?
編集1：
shaが要求したように、これは画像として示されている問題です:
http://dl.dropbox.com/u/762638/Files/Images/Screenshots/show_combobox_extjs_problem/part_1.png
http://dl.dropbox.com/u/762638/Files/Images/Screenshots/show_combobox_extjs_problem/part_2.png
http://dl.dropbox.com/u/762638/Files/Images/Screenshots/show_combobox_extjs_problem/part_3.png
コンボボックスのコードは次のとおりです。
Ext.define('Fdd.form.field.XComboBox', {
extend: 'Ext.form.field.ComboBox',
alias: 'widget.xcombobox',
displayField: 'display',
queryMode: 'local',
valueField: 'value',
//forceSelection: true,
/**
*
* @property {Ext.form.Panel} parentForm
* Contains a reference to the combobox form, used internally
*
* @readonly
*/
parentForm: null,
/**
*
* @property {Boolean} hasChanged
* `true` if the combobox has changed its value since last show/hide cycle
*/
hasChanged: false,
statics: {
xcomboboxRenderer: function(xcombobox) {
return function(value, metaData, record, rowIndex) {
if (value === null)
return '';
return xcombobox.store.getById(value.toString()).get('display');
}
}
},
initComponent: function() {
var me = this;
var xComboBoxStoreClass = 'Fdd.data.XComboBoxStore';
var xComboBoxStoreKey = Ext.getClassName(me);
// FIXME: Fix default value to be display and not value field
// Create the combo store if not exists
me.createComboStoreIfNotExists = function() {
// If store is not set, we can't do anything
if (!me.store)
return false;
// If the store is an array, we break the functionality and return to a normal combobox
// because XComboBox is to avoid problems with stores
if (Ext.isArray(me.store))
return false;
// We need the object for the parent store, to avoid missing references
var parentStore = null;
if (Ext.isString(me.store))
parentStore = Ext.getStore(me.store)
else
parentStore = me.store;
// If the store doesn't have the updatedAt variable, we don't enable functionalities
// because that is a requirement
if (!Ext.isDefined(parentStore.updatedAt))
return false;
// If parent store is of type XComboBoxStore, it means that we already have created a combo store
if (Ext.getClassName(parentStore) == xComboBoxStoreClass)
return false;
var comboStore = Fdd.NamespaceKeyedStoreManager.lookup(xComboBoxStoreKey, parentStore.storeId);
if (!comboStore) {
comboStore = Ext.create(xComboBoxStoreClass, parentStore);
Fdd.NamespaceKeyedStoreManager.register(xComboBoxStoreKey, parentStore.storeId, comboStore);
}
me.store = comboStore;
//me.on('afterrender', function(obj, eOpts) {
// obj.setValue(1);
//});
return comboStore;
}
// Load data if required
me.loadUpdatedData = function() {
me.createComboStoreIfNotExists();
if (me.store)
Fdd.NamespaceKeyedStoreManager.lookup(xComboBoxStoreKey, me.store.parentStore.storeId).loadIfNotUpdated();
};
// Load data if required
me.loadUpdatedData();
// Fires loadUpdatedData every time trigger is pressed
me.on('expand', function(obj) {
obj.loadUpdatedData();
});
// TODO: Building a fix for the problem combobox input field shows the value field instead of the display field
me.on('boxready', function(obj) {
obj.parentForm = obj.up('form');
console.log(obj.parentForm);
obj.mon(obj.parentForm, 'edit', function(editor) {
console.log("beforeaction");
console.log(e.originalValue);
console.log(obj);
if (!obj.hasChanged)
obj.setValue(obj.originalValue);
});
obj.mon(obj.parentForm, 'show', function() {
/*console.log("move:");
console.log(obj.getValue());
console.log(obj.inputEl.dom.value);*/
obj.hasChanged = false;
if (obj.parentForm) {
if (obj.getValue() === null)
obj.inputEl.dom.value = "";
else
obj.inputEl.dom.value = obj.store.getById(obj.getValue().toString()).get('display');
}
});
});
me.on('change', function(obj) {
obj.hasChanged = true;
});
// Call parent initializator
me.callParent(arguments);
}
});
私たちが話しているコードは TODO から始まります。
前の部分を無視することをお勧めします。これは、ストアの複製を作成してフィルタリングとバッファリングされたストアを回避するために使用されるためです。
編集2：
この質問を通じて私が解決しようとしている問題は、私がもう解決しようとしている問題 (別の方法で解決された) とは直接関係がないように思われるため、質問を閉じることができます。
とにかくありがとう。