Data: Implement Lazy Record Instantiation for Stores #7185

Author: tobiu

apps/finance/view/ViewportController.mjs

@@ -35,7 +35,7 @@ class ViewportController extends Controller {
             companiesStore = me.getStore('companies'),
             items          = [];
 
-        companiesStore.items.forEach(record => {
+        companiesStore.forEach(record => {
             items.push({
                 symbol: record.symbol,
                 value : Math.random() * 1000

apps/form/view/SideNavList.mjs

@@ -84,7 +84,7 @@ class SideNavList extends List {
     onStoreLoad() {
         let maxIndex = -1;
 
-        this.store.items.forEach(record => {
+        this.store.forEach(record => {
             if (!record.isHeader) {
                 maxIndex++
             }

apps/realworld2/view/article/PreviewList.mjs

@@ -33,7 +33,7 @@ class PreviewList extends List {
 
         me.vdom.cn = [];
 
-        me.store.items.forEach(item => {
+        me.store.forEach(item => {
             listItem = Neo.create({
                 module  : PreviewComponent,
                 parentId: me.id,

docs/app/view/classdetails/MainContainerController.mjs

@@ -37,7 +37,7 @@ class MainContainerController extends Component {
             countProtecteds = 0,
             countStatics    = 0;
 
-        store.items.forEach(item => {
+        store.forEach(item => {
             if (item.kind === 'function') {
                 countMethods++
             } else if (item.kind === 'member') {

docs/app/view/classdetails/MembersList.mjs

@@ -128,7 +128,7 @@ class MembersList extends Base {
      * @returns {Object} vdom
      */
     applyConfigsHeader(store, vdom) {
-        if (store.items[0]?.kind === 'member') {
+        if (store.getAt(0)?.kind === 'member') {
             vdom.cn.push({
                 // scrolling placeholder
             }, {
@@ -152,7 +152,7 @@ class MembersList extends Base {
     applyEventsHeader(item, index, store, vdom) {
         if (
             item.kind === 'event' &&
-            store.items[index -1]?.kind !== 'event'
+            store.getAt(index -1)?.kind !== 'event'
         ) {
             vdom.cn.push({
                 // scrolling placeholder
@@ -179,8 +179,8 @@ class MembersList extends Base {
         if (
             item.kind === 'function' &&
             (
-                !store.items[index -1] || (
-                    store.items[index -1]?.kind !== 'function'
+                !store.getAt(index -1) || (
+                    store.getAt(index -1)?.kind !== 'function'
                 )
             )
         ) {
@@ -211,7 +211,7 @@ class MembersList extends Base {
         vdom.cn = [];
         vdom = me.applyConfigsHeader(me.store, vdom);
 
-        me.store.items.forEach((item, index) => {
+        me.store.forEach((item, index) => {
             vdom = me.applyEventsHeader( item, index, me.store, vdom);
             vdom = me.applyMethodsHeader(item, index, me.store, vdom);
 

examples/grid/bigData/MainStore.mjs

@@ -74,15 +74,15 @@ class MainStore extends Store {
 
             me.model.amountColumns = value;
 
-            console.log('Start creating records');
+            console.log('Start generating data and adding to collection');
 
             if (me.items?.length > 0) {
                 me.clear()
             }
 
             me.add(data);
 
-            console.log(`Record creation total time: ${Math.round(performance.now() - start)}ms`)
+            console.log(`Data generation and collection add total time: ${Math.round(performance.now() - start)}ms`)
         }
     }
 
@@ -97,15 +97,15 @@ class MainStore extends Store {
             data  = me.generateData(value, me.amountColumns),
             start = performance.now();
 
-        console.log('Start creating records');
+        console.log('Start generating data and adding to collection');
 
         if (me.items?.length > 0) {
             me.clear()
         }
 
         me.add(data);
 
-        console.log(`Record creation total time: ${Math.round(performance.now() - start)}ms`)
+        console.log(`Data generation and collection add total time: ${Math.round(performance.now() - start)}ms`)
     }
 
     /**

examples/grid/cellEditing/MainContainerStateProvider.mjs

@@ -47,7 +47,7 @@ class MainContainerStateProvider extends StateProvider {
 
         // if the main table store is already loaded, the country field renderer had no data
         if (mainStore.getCount() > 0) {
-            mainStore.items.forEach(record => {
+            mainStore.forEach(record => {
                 country = record.country;
 
                 // hack resetting the current value to get a new record change

examples/grid/nestedRecordFields/EditUserDialog.mjs

@@ -163,7 +163,7 @@ class EditUserDialog extends Dialog {
             me.record.set({annotations: {selected: false}})
         } else {
             // Assuming we want to support a single row selection
-            store.items.forEach(record => {
+            store.forEach(record => {
                 record.set({annotations: {
                     selected: record === me.record ? data.value : false
                 }})

examples/grid/nestedRecordFields/ViewportController.mjs

@@ -71,7 +71,7 @@ class ViewportController extends Component {
 
         // if the main table store is already loaded, the country field renderer had no data
         if (mainStore.getCount() > 0) {
-            mainStore.items.forEach(record => {
+            mainStore.forEach(record => {
                 country = record.country;
 
                 // hack resetting the current value to get a new record change

examples/table/cellEditing/MainContainerStateProvider.mjs

@@ -47,7 +47,7 @@ class MainContainerStateProvider extends StateProvider {
 
         // if the main table store is already loaded, the country field renderer had no data
         if (mainStore.getCount() > 0) {
-            mainStore.items.forEach(record => {
+            mainStore.forEach(record => {
                 country = record.country;
 
                 // hack resetting the current value to get a new record change