Кнопка добавления ExtJS 3.4 внизу сетки

Я новичок в ExtJS и пытаюсь добавить кнопку внизу сетки. Эта кнопка откроет модальное диалоговое окно для выбора других людей. Не знаю, как добавить эту кнопку после сетки. Должен ли я использовать другой компонент, кроме GridPanel?

Кто-нибудь может мне помочь?

Код выглядит так:

var selectedPersons = [
    [1, 'Persnr', 'Name', 'Vorname']
];

var store = new Ext.data.ArrayStore({
    fields: [
        {name: 'PrsOid', type: 'int'},
        {name: 'PersonalNr'},
        {name: 'Nachname'},
        {name: 'Vorname'}
    ]
});

store.loadData(selectedPersons);

var grid = new Ext.grid.GridPanel({
    store: store,
    columns: 
    [
        {
            id       : 'PersonalNr',
            header   : 'PersonalNr', 
            width    : 100,
            sortable : true, 
            dataIndex: 'PersonalNr'
        },
        {
            header   : 'Nachname', 
            width    : 100,
            sortable : true, 
            dataIndex: 'Nachname'
        },
        {
            header   : 'Vorname', 
            width    : 100,
            sortable : true, 
            dataIndex: 'Vorname'
        }
    ],
    stripeRows: true,
    autoExpandColumn: 'PersonalNr',
    height: 200,
    //width: 460,
    title: 'Personenauswahl',
    // config options for stateful behavior
    stateful: true,
    stateId: 'grid'
    });

    grid.render('gridSelectedPersons');

button grid extjs3 gridpanel
person user886091    schedule 28.03.2012    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Вы имеете в виду что-то вроде нижней панели?

var grid = new Ext.grid.GridPanel({
    store: store,
    columns: 
    [
       ....
    ],
    stripeRows: true,
    autoExpandColumn: 'PersonalNr',
    bbar: new Ext.Toolbar({
         renderTo: document.body,
         height: 30,
         items: [
           // begin using the right-justified button container
           '->',
           {
             xtype:'button',
             text:'The button',
             //makes the button 24px high, there is also 'large' for this config
             scale: 'medium'
           }
         ]
        })
person nscrob    schedule 28.03.2012
comment
Да, точно!! Теперь у меня есть вопросы по дизайну :) 1. Можно ли разместить кнопку справа? 2. У меня иконка 24 х 24 точки .. Сейчас она будет вырезана внутри кнопки .. Есть ли возможность предотвратить это? bbar: [{xtype: 'button', icon: 'Absences / img / addPersons.png', обработчик: function () {showSelectPersonsPopup ()}}] - person user886091; 28.03.2012