Отобразить индикатор загрузки у дерева
Здравствуйте.
Мне нужно отобразить индикатор загрузки у treepanel. Вот как она у меня реализована:
Ext.define("Communication.view.main.FrameMenu", {
extend: "Ext.tree.Panel",
alias: "widget.main-framemenu",
rootVisible: false,
lines: false,
scroll: "vertical",
initComponent: function() {
var store = Ext.create('Ext.data.TreeStore', {
model: "Communication.model.layout.TreeMenu",
root: {
name: "...",
expanded: true,
id: "root"
}
});
Ext.apply(this, {
store: store
});
this.callParent(arguments);
}
});
В таком состоянии никакого индикатора нет, и как его добавить я понять не могу, перепробовал уже много разных рецептов. Подскажите пожалуйста! |
вот что то надыбал))
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>example</title>
<script type="text/javascript" src="http://docs.sencha.com/extjs/4.2.2/extjs/ext-all.js"></script>
<link rel="stylesheet" type="text/css" href="http://docs.sencha.com/extjs/4.2.2/resources/css/app-4689d2a5522dcd3c9e9923ca59c33f27.css">
<script type="text/javascript">
Ext.onReady(function(){
//-------------
var store = Ext.create('Ext.data.TreeStore', {
root: {
expanded: true,
children: [
{ text: "detention", leaf: true },
{ text: "homework", expanded: true, children: [
{ text: "book report", leaf: true },
{ text: "algebra", leaf: true}
] },
{ text: "buy lottery tickets", leaf: true }
]
}
});
var tree = Ext.create('Ext.tree.Panel', {
title: 'Simple Tree',
width: 200,
height: 150,
store: store,
rootVisible: false,
renderTo: Ext.getBody()
});
var myMask = new Ext.LoadMask(tree.getEl(), {msg:"Please wait..."});
myMask.show();
//-------------
});
</script>
</head>
<body></body>
</html>
|
| Часовой пояс GMT +3, время: 23:25. |