vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Refactor VirtualScroll demo

pull/1533/head
mertsincan 2021-08-31 10:33:45 +03:00
parent 35438385b3
commit bc19f7f587
1 changed files with 22 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/virtualscroller/VirtualScrollerDoc.vue
View File

@ -721,15 +721,9 @@ import { ref, onMounted } from 'vue';
export default {
setup() {
onMounted(() => {
basicItems.value = Array.from({ length: 100000 }).map((_, i) => \`Item #\${i}\`);
multiItems.value = Array.from({ length: 1000 }).map((_, i) => Array.from({ length: 1000 }).map((_j, j) => \`Item #\${i}_\${j}\`));
lazyItems.value = Array.from({ length: 10000 });
})
const basicItems = ref(null);
const multiItems = ref(null);
const lazyItems = ref(null);
const basicItems = ref(Array.from({ length: 100000 }).map((_, i) => \`Item #\${i}\`));
const multiItems = ref(Array.from({ length: 1000 }).map((_, i) => Array.from({ length: 1000 }).map((_j, j) => \`Item #\${i}_\${j}\`)));
const lazyItems = ref(Array.from({ length: 10000 }));
const lazyLoading = ref(false);
const loadLazyTimeout = ref(null);
@ -743,13 +737,13 @@ export default {
//imitate delay of a backend call
loadLazyTimeout.value = setTimeout(() => {
const { first, last } = event;
const lazyItems = [...lazyItems.value];
const _lazyItems = [...lazyItems.value];
for (let i = first; i < last; i++) {
lazyItems[i] = \`Item #\${i}\`;
_lazyItems[i] = \`Item #\${i}\`;
}
lazyItems.value = lazyItems;
lazyItems.value = _lazyItems;
lazyLoading.value = false;
}, Math.random() * 1000 + 250);