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

你期望的事情不可能发生。 Ext 网格中的编辑器仅在单击 (dbl) 时激活，并且一次始终只有一个处于事件状态。

如果您可以接受这种行为，但您只需要组合的外观，那么您必须使用 css 来设置网格单元格的样式。