Как скрыть дерево до загрузки успеха

Question

Я определяю treepanel. И я пытаюсь добавить маску() для ожидания дерева загружается. Но не работает.

Вот мой код

Ext.define('Example.example', { 
    extend: 'Ext.tree.Panel', 
    alias: 'widget.example', 
    title: 'example', 
    store: Ext.create('Ext.data.TreeStore', { 
    ... 
    listeners: { 
     'load': function (store, records, success) { 
      Ext.ComponentQuery.query('example').getEl().unmask(); // not working 
     }, 
     'beforeload': function (store, options) {          
      Ext.ComponentQuery.query('example').getEl().mask();// not working 
     } 
    } 
}) 
}); 

Как сделать эту рабочую благодарственное.

Answer 1

или использовать недокументированные ownerTree свойство:

beforeload: function() { 
    this.ownerTree.getEl().mask("Loading", 'x-mask-loading'); 
} 

Или зарегистрировать слушателей в методе, чтобы получить объем:

Ext.define('Example.example', { 
    // ... 
    ,initComponent: function() { 
     this.callParent(arguments); 

     this.getStore().on({ 
      scope: this 
      ,beforeload: function() { 
       this.getEl().mask("Loading", 'x-mask-loading'); 
      } 
     }); 
    } 
}); 

Answer 2

попробовать это один Ext.ComponentQuery.query('example').body.mask(); использовать тело вместо getEl()