如何在Extjs Grid中始终显示箭头图标?

时间:2017-08-01 12:50:00

标签: javascript extjs

我正在使用Extjs Grid V6.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,                        
                        },

2 个答案:

答案 0 :(得分:0)

而不是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

答案 1 :(得分:0)

以下是我的问题的屏幕截图,它显示了网格宽度的变化。

ScreenShot