EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: korenanzo on August 04, 2016, 09:55:51 AM

Title: tree : a lot of appends will slow the page
Post by: korenanzo on August 04, 2016, 09:55:51 AM

I am using tree;
I have about 600 nodes to load.

I load them one by one tree('append'{} ) because the server send them one after another but mixed with other commands (I cannot manage the server side)

The load itself seems fast because I can see all the nodes immediately, anyway after the load all the page is no responsive for some seconds.

I f I load less nodes the page is immediately responsive.

So the question is:
Is there a way to load the nodes in a fastest way, an internal cache or proxy...?

Thanks,
RIc

Title: Re: tree : a lot of appends will slow the page
Post by: stworthy on August 05, 2016, 01:36:58 AM

Please look at this example http://code.reloado.com/iyibaf/edit#preview. It loads 600 nodes quickly. Loading in batch mode is more faster. Please call 'loadData' method to load batch data. If you have to call 'append' method, please append multiple nodes at a time instead of single node.

Code:

$('#tt').tree('append', {
	parent: selected.target,
	data: [{
		id: 23,
		text: 'node23'
	},{
		text: 'node24',
		state: 'closed',
		children: [{
			text: 'node241'
		},{
			text: 'node242'
		}]
	}]
});