extjs - Sencha Touch マスク ondisclosure

Question

onDisclosure イベントでリストを作成しています。onDisclosure アイコンをクリックすると、次のようになります。

    this.getMain().push({
        xtype: 'newpanel',
        title: record.info(),
        data: record.getData()
    });

しかし、「newpanel」は非常に大きいため、パネルを表示するのに 6/7 秒かかります。

したがって、次のようなマスクを追加しようとしました。

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


    this.getMain().push({
        xtype: 'newpanel',
        title: record.info(),
        data: record.getData()
    });



    Ext.Viewport.setMasked(false); 

しかし、Javascript は非同期であるため、これらのコード行は指定された順序で実行されません。最初に彼は新しいパネルをプッシュし、6/7 秒待ってからマスクを true に設定し、すぐに false に設定したため、マスクが表示されません。

誰かがこの状況を解決する方法についてアイデアを持っていますか?

ありがとうございました。