Ext JS Grid Panel高度属性

时间:2014-10-13 15:36:46

标签: extjs grid

我使用Ext JS创建网格。我需要随着网格中行数的增加自动增加网格面板的高度。可以设置Ext JS网格的哪个属性来实现它?

1 个答案:

答案 0 :(得分:2)

只是不要为height属性指定一个值,而这就是全部。

在此处试试:https://fiddle.sencha.com/#fiddle/bnl

Ext.create('Ext.data.Store', {
    storeId:'simpsonsStore',
    fields:['name', 'email', 'phone'],
    data:{'items':[
        { 'name': 'Lisa',  "email":"lisa@simpsons.com",  "phone":"555-111-1224"  },
        { 'name': 'Bart',  "email":"bart@simpsons.com",  "phone":"555-222-1234" },
        { 'name': 'Homer', "email":"home@simpsons.com",  "phone":"555-222-1244"  },
        { 'name': 'Marge', "email":"marge@simpsons.com", "phone":"555-222-1254"  }
    ]},
    proxy: {
        type: 'memory',
        reader: {
            type: 'json',
            root: 'items'
        }
    }
});

// Don't specify the height when creating the grid
Ext.create('Ext.grid.Panel', {
    title: 'Simpsons',
    store: Ext.data.StoreManager.lookup('simpsonsStore'),
    columns: [
        { text: 'Name',  dataIndex: 'name' },
        { text: 'Email', dataIndex: 'email', flex: 1 },
        { text: 'Phone', dataIndex: 'phone' }
    ],
    width: 400,
    renderTo: Ext.getBody()
});