Tree Render

[kayjay]

I use an EasyUI tree. It can take a while to get the data from the backed so I put up a progress box until I get the success event. After that event it can then take quite a long time to actually render the tree. During this time users think the page is broken. I'd like to keep the progress box up until the render is complete. Is there any way to do this?

Thanks

[jarry]

How do you use the progressbox? Please show some code snippets to describe your question.

[kayjay]

This snipping shows what I do. The progress box stay up until onLoadSuccess fires but it can be another 30~40 sec later before the render is complete.

$.messager.progress({title:'Please Wait',msg:'Getting Data...'});
$('#tt').tree({url:'tree_data1.php',lines:true,onLoadSuccess:function(node, data){
  $.messager.progress('close')}});
  }

[jarry]

Please try this:

Code:

$.messager.progress({title:'Please Wait',msg:'Getting Data...'});
$('#tt').tree({
	url:'tree_data1.php',
	lines:true,
	onLoadSuccess:function(node, data){
	  setTimeout(function(){
		  $.messager.progress('close');
	  },0);
	}
});

[kayjay]

I see your thinking.

I can set the time-out to remove the progress box for any given data set size but this size is not constant, so when the data size is small the progress box spins for some time after render is complete. I guess what is needed is some form of 'OnRenderComplete' event.

[kayjay]

Very strange - this only happens with FireFox. In Chrome and IE when onLoadSuccess fires the render is complete.