вот что то надыбал))
<!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>