Extjs Gridに矢印アイコンを表示するにはどうすればいいですか？

Question

Extjs Grid V6.2を編集可能なグリッドのコンボボックスに使用しています。コンボボックスの矢印アイコンは、フィールドをダブルクリックした後にのみ表示されます。だから、どのようにすれば最初の時点で簡単に表示させることができますか？ （例）グリッドが表示されているとき。代わりにeditor使用ここでwidgetcolumn

Ext.application({ 
name: 'Fiddle', 

launch: function() { 

    var grid = Ext.create('Ext.grid.Panel', { 
     renderTo: Ext.getBody(), 
     store: { 
      Fields: ['abbr', 'name'], 
      data: [{"abbr": "INR", "name": "INR"}, 
      {"abbr": "EUR", "name": "EUR"}, 
      {"abbr": "USD", "name": "USD"}], 
     }, 
     columns: [{ 
      dataIndex: 'name', 
      xtype: 'widgetcolumn', 
      widget: { 
       xtype: 'combo', 
       store: ['INR', 'EUR', 'USD'] 
      } 
     }] 
    }); 
    } 
}); 

sencha fiddle

Answer 1

は私の問題のスクリーンショットで、それはグリッド幅の変化を示しています。

Answer 2

の

{ 
          editor: { 
           xtype: 'combobox', 
           queryMode: 'local', 
           displayField: 'name', 
           collapsible: true, 
           valueField:'abbr', 
           store: { 
            Fields: ['abbr', 'name'], 
            data: [{"abbr": "INR", "name": "INR"}, 
             {"abbr": "EUR", "name": "EUR"}, 
             {"abbr": "USD", "name": "USD"}], 
           }, 
          }, 
          dataIndex: 'currency', 
          flex: .5, 
          collapsible: true,       
         },