loading icon

[yuanruParticipant]

I have a webpage including one tree widget.

The tree widget may have 500 items. So a dataAdapter is used to load the data asynchronously.

dataAdapter = new $.jqx.dataAdapter(source, {
autoBind: true,
loadComplete: function (records) {
records = dataAdapter.getRecordsHierarchy(‘id’, ‘parentid’, ‘items’);
pre_account_tree = $(‘#pre_account_tree’).jqxTree({
theme: ‘custom’,
source: records,
width: ‘100%’,
height: ‘100%’,
});
…
});

The loading time of the page is about 3 seconds.

Could you please help me to use a loading-icon to put in the middle of the tree widget while the tree widget is waiting for the server data or rendering the data.

Thanks!

[yuanruParticipant]

modification: The loading time of the page is about 5 or 6 seconds. Most of the time is used to load the tree widget. Getting the server date costs about 1.7 seconds and widget’s rendering the data costs about 4 seconds.

[ivailoParticipant]

Hi yuanru,

This demo will be helpful for you.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts