Question

我有一个网格面板如下：

Ext.define('Summary', {
    extend: 'Ext.data.Model',
    fields: ['A', 'B', 'C']
});

var summaryStore = Ext.create('Ext.data.Store', {
    model: 'Summary',
    data: summaries
});

Ext.create('Ext.grid.Panel', {
    renderTo: summaryNode,
    store: summaryStore,
    layout: 'fit',
    resizable: true,
    title: 'Application Users',
           columns: [{
                text: 'A',
                flex: 1,
                dataIndex: 'A'
            }, {
                text: 'B',
                flex: 1,
                dataIndex: 'B'
            }, {
                text: 'C',
                flex: 1,
                dataIndex: 'C'
            }]
});

summaryNode是div，我的应用程序有CSS将summaryNode更改为更大，但我在其中创建的网格面板不会相应地更改其大小。< / p>

我该怎么办呢？

Answer 1

首先，尝试将resizable配置参数设置为true！如果它不符合您的要求，请处理onWindowResize事件。

Ext.EventManager.onWindowResize(function() {
    var w = Ext.getBody().getViewSize().width;
    var h = Ext.getBody().getViewSize().height;
    // give an id to the grid panel, lets say 'sample-grid'
    Ext.getCmp('sample-grid').setSize(w, h);
})

如何在父更改时使Ext.grid.Panel自动适合其父div大小？

1 个答案: