Extjs Comboboxでブール値をYesまたはNoに変換する方法

Question

Extjsコンボボックスでtrueまたはfalseの代わりにyesまたはnoの値を表示しようとしています。使用するリスナーやその他の方法はわかりません。

Ext.define('MyYesNoStore', { 
    extend: 'Ext.data.Store', 
    fields: [ 'id', 'name' ], 
    data: [ 
    { id: false, name: 'No' }, 
    { id: true, name: 'Yes' } 
    ] 
}) 

そしてちょうどあなたのコンボボックスでこのストアを使用します。

Answer 1

は、このような静的なストアを作成します。任意の助けに感謝。グリッドで同様のことをしたいのであれば、ブールの列に 'trueText'、 'falseText'という特別なプロパティがあります。

Answer 2

また、displayFieldとvalueFieldプロパティをコンボボックスに指定してください。

コンボ+はい/いいえストア

{ 
    xtype: 'combo', 
    valueField: 'id', 
    displayField: 'name', 
    store: new Ext.data.Store({ 
     fields: [ 'id', 'name' ], 
     data: [ 
      { id: false, name: 'No' }, 
      { id: true, name: 'Yes' } 
      ] 
    }) 

}の完全な作業例、

あなたがグリッドにそれを使用したい場合は、また、レンダラを指定することができます。

renderer: function (value) { 
    return value == false ? 'No' : 'Yes'; 
}