Javascript-форум - loadMask в Ext.panel.Panel

Javascript-форум (https://javascript.ru/forum/)

- ExtJS (https://javascript.ru/forum/extjs/)

- - loadMask в Ext.panel.Panel (https://javascript.ru/forum/extjs/27598-loadmask-v-ext-panel-panel.html)

loadMask в Ext.panel.Panel

Есть Ext.panel.Panel в неё грузятся HTML документы, притом достаточно большого размера.
Код:

var panelDocs = new Ext.create("Ext.panel.Panel", {
  title: "Документ ...",
  id: "docs_panel_" + id,
  autoScroll: true,
  autoLoad: {
   timeout: 150000,
   url: "Docs.ashx?id_doc=" + id 
  },
  region: 'center'
 });

На сколько знаю для Панели нет store.
Как сделать на время загрузки документа отображение loadMask ???
Может выбрать другой элемент из арсенала ExtJS для отображения HTML документов ???

Сами рожаем и рулим Ext.LoadMask'ом

P.S. BTW, что-то я autoLoad у Ext.panel.Panel не наблюдаю...

P.P.S

var panelDocs = *!*new*/!* Ext.create("Ext.panel.Panel"

new - лишнее...

в качестве примера...

<!DOCTYPE html>
<html>
<head>
<title>demo</title>
<script src='http://dev.sencha.com/deploy/ext-4.0.7-gpl/ext-all.js'></script>
<link rel="stylesheet" href="http://dev.sencha.com/deploy/ext-4.0.7-gpl/resources/css/ext-all.css">
<script> 
Ext.onReady(function() {
    var panelDocs = Ext.create("Ext.panel.Panel", {
        title: "Документ ...",
        id: "docs_panel_" + id,
        autoScroll: true,
        width: 300,
        height: 300,
        getLoadMask: function(msg) {
            if(!this.lm) {
                this.lm = new Ext.LoadMask(this.getEl(), {msg: msg})
            }
            return this.lm;
        },
        autoLoad: {
            timeout: 150000,
            url: "Docs.ashx?id_doc=" + id
        },
        loader: {
            listeners: {
                load: function() {
                    panelDocs.getLoadMask().hide()
                }
            }
        },
        renderTo: Ext.getBody()
    });
    panelDocs.getLoadMask('загрузка...').show();
});
</script>
</head>
<body>
</body>
</html>

Все Сенкью, разобрался !