0

グリッドのフッター（fbar）にプログレスバーを追加する方法はありますか？グリッドパネルにボタンを追加することに成功しましたが、プログレスバーがうまくいきませんでした。

私はfbarでこれを試しました：

fbar: [{
                type: 'progress',
                text: 'updating...'
      }]

ただし、結果として、「更新中」というテキストがフッターに追加されたボタンが作成されます。

誰かが私が間違っていることを知っていますか？

4

1 に答える 1

0

Ext4を想定

Ext.require(['Ext.data.*', 'Ext.grid.*']);

Ext.define('Restaurant', {
    extend: 'Ext.data.Model',
    fields: ['name', 'cuisine']
});

Ext.onReady(function() {
    var restaurants = Ext.create('Ext.data.Store', {
        storeId: 'restaraunts',
        model: 'Restaurant',
        data: [{
            name: 'Cheesecake Factory',
            cuisine: 'American'
        }]
    });

    var grid = Ext.create('Ext.grid.Panel', {
        renderTo: Ext.getBody(),
        store: restaurants,
        width: 600,
        height: 400,
        frame: true,
        columns: [{
            text: 'Name',
            flex: 1,
            dataIndex: 'name'
        }, {
            text: 'Cuisine',
            flex: 1,
            dataIndex: 'cuisine'
        }],
        fbar: [{
            xtype: 'progressbar',
            text: 'Foo',
            width: 200
        }]
    });
});
于 2012-06-13T12:49:20.590 に答える