PDA

View Full Version : [4.0.6] Treepanel - Remote Loading - Load Icon per Node / No masking



enpasos
6 Sep 2011, 9:00 PM
I have a Treepanel loading children from remote. It works technically.
In addition I would like to produce a user experience I had in ExtJs3:

While waiting for a node's children to be loaded from remote a "waiting icon" was displayed on the node but there was no masking on the whole panel. That was exactly right for me because on fast responses from the server there was only a localized "waiting icon" flash on the node but not an anoying mask flash on the whole panel.

Maybe it is easy to do this in ExtJs4 and I just need some help.

skirtle
8 Sep 2011, 1:06 AM
The loading icon beside the node is shown by default.

To disable the load mask add loadMask: false to your viewConfig.

enpasos
8 Sep 2011, 5:08 AM
Thanks for the reply. I already had switched the loadmask off like you suggested, by setting the view configuration from the tree panel:

viewConfig: {
loadMask: false
}

However, the "loading.gif" was not showing. I had a closer look into the code and identified the reason: I work with special node icons (e.g iconCls:'myIcon'), but I did not define a css rule for the loading situation. Adding the following css rule fixed my problem:


.x-grid-tree-loading .myIcon {
background-image: url("../../resources/themes/images/gray/tree/loading.gif");
}