Значение по умолчанию в комбо не видно - extjs

Question

У меня есть grid.Panel на моей странице extjs. В сетке есть комбобокс. При загрузке страницы выпадающее поле не отображается как combobox. Вместо этого они выглядят как пустая ячейка. При щелчке по ячейке они раскрывают раскрывающийся список, как символ.

var decisionComboStore = new Ext.data.ArrayStore({ 
    fields: ['abbr', 'action'], 
    data : [ 
      ['proceed', 'Proceed'], 
      ['upNotDone', 'Upload Not Done'] 
      ] 
    }); 
var stockAuditGrid = Ext.create('Ext.grid.Panel', { 
    {header: '<center><b>Decision</center>', dataIndex: 'decision', flex:1, 
     editor: { 
      xtype:'combo', 
        store: decisionComboStore, 
          id: 'decisionCombo', 
          displayField:'action', 
          valueField: 'abbr', 
          mode: 'local', 
          typeAhead: false, 
       emptyText: 'Select...', 
      allowBlank:false 
     },sortable: false, hideable: false} 
}); 

Я не знаю, что еще я должен добавить, чтобы он выглядел как поле со списком при загрузке документа. Также поле должно отображать значение по умолчанию.

Answer 1

Вы ожидаете чего-то, чего не может быть. Редакторы в сетке Ext активируются только на (dbl) клике, и всегда есть только один активный за раз.

Если все в порядке с этим поведением, но вам нужно только появление комбо, вы должны использовать css для создания ячеек сетки.

Answer 2

Вы не можете сделать его похожим на поле со списком.

Но вы можете использовать пользовательский визуализатор на колонке сетки, чтобы показать Select... когда поле пластинки пуст, фактически не изменяя исходные данные в магазине:

http://docs.sencha.com/extjs/4.2.2/#!/api/Ext.grid.column.Column-cfg-renderer

Пример:

renderer:function(value,meta) { 
    if(value === undefined || value === null || value === "") { 
     meta.style="color:#666" 
     return "<Select...>"; 
    } 
    return value; 
}