Question

如何根据窗口大小自动扩展extjs中的gridpanel / table？谢谢我添加了布局：'fit'..我的变化不大

var listView = Ext.create('Ext.grid.Panel', {
    store: mystore,
    multiSelect: true,
title:'Notifications for ' + jsonServiceId + ' <i>(0 items selected)</i>',
    viewConfig: {
        emptyText: 'No images to display'
    },
    //reserveScrollOffset: true,
renderTo: containerEl,
         layout:'fit',

    columns: [{
        text: 'Sell',
        flex: 10,
        dataIndex: 'Sell',
       renderer: function(value, metaData, record) {
       //  alert(record.get('Sell'));


  }
    },{
        text: 'Class',
        flex: 10,
        dataIndex: 'ClassName'
    },


  {
        text: 'Last Changed',
        flex: 20,
        dataIndex: 'LastChangedAt',
  xtype: 'datecolumn',
        format: 'd-M-Y h:i a'
    }
]     
});

Answer 1

这是布局的事情。您应该添加布局：'fit'到父容器。它将使您的网格扩展到父容器的大小。

就像在这里举例：

http://dev.sencha.com/deploy/ext-4.0.7-gpl/examples/layout-browser/layout-browser.html

Extjs表/网格自动扩展为完整

1 个答案: