Форум

Infarch · #1 (**permalink**) 15.07.2014, 13:54

Здравствуйте.

Мне нужно отобразить индикатор загрузки у 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);		
	}
});

В таком состоянии никакого индикатора нет, и как его добавить я понять не могу, перепробовал уже много разных рецептов. Подскажите пожалуйста!

skrudjmakdak · #2 (**permalink**) 15.07.2014, 14:39

вот что то надыбал))

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

Форум

Справочник

Discord чат

Курсы javascript