以下の Ext JS コードは正常に動作します。グリッドを編集すると、コンボ ボックスに電話番号が正しく読み込まれます。しかし、コンボボックスに電話番号でクリア/削除を表示するには、テキストが必要です。クリア/削除をクリックすると、いくつかの機能を追加する必要があります。
コンボボックスは次のようになります。
Clear/Delete
121-224432133
123-344545353
666-323231231
423-4324442344
. . .
ExtJS コード:
{ xtype: 'gridcolumn', header: 'Phone#', width: 100, dataIndex: 'PhoneNumber',
editor: {
xtype: 'combo',
typeAhead: true,
triggerAction: 'all',
selectOnTab: true,
store: App.mcmAllAgentsStore,
typeAhead: true,
emptyText : 'Clear/Delete',
displayField: 'PhoneNumber',
valueField: 'Agent',
queryMode: 'local',
listeners: {
scope: this,
specialkey: function(f, e) {
if(e.getKey() === e.ESC) { this.hide(); }
}
}
}
},