Improve Tree client ROD rendering method

XMLWordPrintable

    • Type: New Feature
    • Resolution: Done
    • Priority: Normal
    • 8.5.1
    • Affects Version/s: 8.5.0
    • Component/s: Components
    • Environment:

      IE11
      Edge

    • ZK 8.5.1 R1
    • None

      For now, the way of Tree component ROD is to render initRodSize items and other dummy items to the table first, and when the users do scrolling it will re-render visible items and replace the old dummy items.

      If there is a tree node which has 10,000 child nodes, the browser needs to append 50 real nodes and 9,950 dummy nodes when this node is opened. Some browsers, like IE or Edge, the layout performance of large table is low because It needs to recalculate every <tr>, <td> style.

      In fact, there is no need to render so many items at once. A better way is to render initRodSize items and some dummy items (not all), and when the users do scrolling it will append more dummy items. The widget controls the count of dummy items being rendered.

            Assignee:
            rudyhuang
            Reporter:
            rudyhuang
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 1 week Original Estimate - 1 week
                1w
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 1 week, 7 hours
                1w 7h