組合中的默認值不可見-extjs

Question

我的extjs頁面中有grid.Panel。 網格中有組合框。 在頁面加載時，組合框看起來不像組合框。 相反，它們看起來像是空單元格。 單擊該單元格后，它們會顯示下拉框，如符號。

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

您期望不會發生的事情。 只有單擊（dbl）才能激活Ext網格中的編輯器，並且一次始終只有一個處於活動狀態。

如果此行為很好，但僅需要顯示連擊，則必須使用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;
}