0

ストアの読み込みに時間がかかるので、ストアデータの読み込み中に読み込みインジケータを表示したいのですが、リストストアの読み込みが完了したかどうかを知る機能はありますか? 私を助けてください..私はこの長い間探していました..

これが私のコードです:

Ext.Viewport.setMasked({
    xtype: 'loadmask',
    message: 'Loading'
});

Ext.define('MyApp.view.Myview1', 
{
    extend: 'Ext.Panel',
    requires: ['Ext.List', 'Ext.util.JSON'],

    config: {
        layout: 'hbox',
        items: [
            {
                xtype: 'panel',
                layout: 'fit',
                flex: 1,
                items: [
                    {
                        xtype: 'list',
                        itemTpl:
                            '<div class="myContent">' +
                            '<div>{name}</div>' +
                            '</div>',
                        store: 'MainStore',
                        disclosure: true,
                        store.on({
                            load: {
                                fn: function( store ) {
                                    Ext.Viewport.setMasked(false);
                                },
                                scope: this,
                                single: true
                            }
                        });
                        store.load();
                    }
                ]
            }
        ]
    }
});

私の要件は、ストアからデータをロードしている間にインジケーターを表示し、リストがストアからすべてのデータを取得した後に削除することです。

4

4 に答える 4

0

以下のコードのように、load イベントをこのストアにバインドする必要があります。

  Ext.Viewport.setMasked({
     xtype: 'loadmask',
     message: 'Loading'
   });

   store.on({
    load: {
         fn: function( store ) {
            Ext.Viewport.setMasked(false);
         },
         scope: this,
         single: true
    }
});

store.load();
于 2013-10-08T08:59:31.590 に答える