в качестве примера...
<!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>