Форум

potkin · #1 (**permalink**) 18.04.2012, 16:21

Есть 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 документов ???

Ex_Soft · #2 (**permalink**) 18.04.2012, 18:50

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

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

P.P.S

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

new - лишнее...

nekto_O · #3 (**permalink**) 18.04.2012, 19:34

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

<!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>

potkin · #4 (**permalink**) 18.04.2012, 20:11

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

Форум

Справочник

Discord чат

Курсы javascript