1000+ Data performance

[xxscloud5722]

<script type="text/javascript">
    setTimeout(() => {
        let ul = '';
        for (let i = 0; i < 10000; i++) {
            ul = ul + '<li>DD: ' + i + '</li>'
        }
        document.querySelector('#vlist').append(ul)
    })
</script>

xxxx

mac 12.0.1, sciter 4.6.x, 10000 data is very stuck, dragging to a point and scrolling will get stuck for one second

[xxscloud5722]

<vlist id="vlist">
    <li>xxxx</li>
</vlist>

[xxscloud5722]

Drag the scroll bar to any position, then the scrolling data will be stuck for a second

[c-smile]

Please try the same in Sciter JS SDK https://github.com/c-smile/sciter-js-sdk/tree/main/samples.sciter/virtual-list Will you see the same problem?

[xxscloud5722]

Sorry, can you have a JS demo? I think using vlist can achieve big data loading

[xxscloud5722]

I am downloading the SDK for tis Test results later

[xxscloud5722]

Sorry, can you have a demo of js

[c-smile]

<script type="text/javascript">
    setTimeout(() => {
        let ul = '';
        for (let i = 0; i < 10000; i++) {
            ul = ul + '<li>DD: ' + i + '</li>'
        }
        document.querySelector('#vlist').append(ul)
    })
</script>

you create 10000 DOM elements.

It should not be a surprise that you have runtime delays.

You shall use virtual list to show potentially large sets.