jQuery UI Widgets Forums Navigation Tree loading icon

This topic contains 2 replies, has 2 voices, and was last updated by  ivailo 8 years, 8 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    loading icon Posts
  • loading icon #76060


    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.


    loading icon #76061


    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.

    • This reply was modified 8 years, 8 months ago by  yuanru.
    loading icon #76087


    Hi yuanru,

    This demo will be helpful for you.

    Best Regards,
    Ivailo Ivanov

    jQWidgets Team

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.