组合中的默认值不可见-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;
}