Extjs4.1 treepanel loadmask is not work.

[telo.tao.yang]

code:
xtype: 'treepanel',
region: 'center',
viewConfig: {
loadMask: new Ext.LoadMask(this, {
msg: "loading,Please wait..."
})
},
animate: true,
border: false,
store: store,
rootVisible: false,
height: 300

when worked on extjs4.07, it worked well, but worked on 4.1, loadmask is not work, i don't kown how to handle this.

[scottmartin]

What version of Ext4 are you using? I believe this has been reported and corrected in the latest version.

Scott.

[telo.tao.yang]

Version Number: 4.1.0 & Version Number: 4.1.0 RC 2 have the same problem.
but finally, i found can resolved by listen render event:
render: function(p){
p.setLoading({store: p.getStore()}).hide();
}

I think, normally, it should by
viewConfig: {
loadMask: new Ext.LoadMask(this, {
msg: "loading,Please wait..."
})
},
to show loading mask.but currently, it can't work well with extjs4.1.0.

[scottmartin]

Please try downloading 4.1.1 GA. There were numerous updates to loadmasks.

Scott.

[klodoma1]

In 4.1.1:

If I use the default classes then the loadmask on asyn trees is displayed.

But, if we I custom classes then the loadmask is not displayed anymore.
From what I see the CSS paths are differently built in ext4.1.1.

The css from the examples might be wrong, the !important part.

.task-folder {

background-image: url(../shared/icons/fam/folder_go.gif) !important;

}