1

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');
4

1 に答える 1

3

ボトムバーのようなものですか?

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'
           }
         ]
        })
于 2012-03-28T10:23:33.590 に答える