ExtJS 4> Сетка> Динамически установить высоту, чтобы соответствовать любому количеству записей

Question

В моей ExtJS 4 Grid я хотел бы динамически устанавливать высоту при загрузке записей.

Например:

1. Если моя Grid загружает 52 записи,тогда он должен показать все 52 записи одновременно (без какой-либо полосы прокрутки в сетке).

2. Если моя сетка загружает 73 записи, то он должен показывать все 73 записи одновременно (безлюбая полоса прокрутки в сетке).

т.е. мне не нужны никакие полосы прокрутки в сетке.Вместо этого я хотел бы вместо этого использовать полосу прокрутки браузера.

У кого-нибудь есть решение?

Answer 1

Вы должны обработать событие загрузки в хранилище вашей сетки, а затем изменить высоту сетки с помощью

youGrid.getStore().on('load', function anonym(){
   myGrid.setHeight(this.getCount() * 16); // to be calculated
}

Конечно, вы должны изменить размер всего родительского контейнера этой сетки

Answer 2

, если вы не указали свойство высоты для вашей сетки. это решит это.

Answer 3

Спасибо за помощь, это был ответ, хотя, если вы находитесь за пределами инициализации сетки, что-то вроде этого выглядит более подходящим:

myGrid.getView().on('refresh', function () { var cellheight = 28; var titleHeight = 50; myGrid.setHeight(myGridStore.getCount() * cellheight + titleHeight); });

Answer 4

Ext.create('Ext.grid.Panel', {
    id: "empDetails",
    store: store,
    columns: [{
        text: "Name",
        dataIndex: 'Name'
    }, {
        text: "Age",
        dataIndex: 'Age'
    }],
    renderTo: 'example-grid',
    forceFit: true,
    width: 300,
    ***getTotalHeight: function() {
        return "auto";
    },***
    dockedItems: [{
        xtype: 'toolbar',
        items: [{
                text: 'Employee Details'
            }

        ]
    }]

});