@syncfusion/ej2-lists 32.1.19 → 32.1.24

package/dist/es6/ej2-lists.es2015.js

@@ -4031,6 +4031,7 @@ class Virtualization {
                 }
             }
         }
+        this.setItemContext(args.item, args.curData, !!args.curData.isHeader);
     }
     reRenderUiVirtualization() {
         this.wireScrollEvent(true);
@@ -4051,9 +4052,12 @@ class Virtualization {
             element.dataset.uid = (curViewDS[this.listViewInstance.fields.id]) ?
                 (curViewDS[this.listViewInstance.fields.id]) : ListBase.generateId();
             onChange(curViewDS, element, this);
+            this.setItemContext(element, curViewDS, !!curViewDS.isHeader);
         }
         else {
             this.updateUiContent(element, index);
+            const curViewDS = this.listViewInstance.curViewDS[index];
+            this.setItemContext(element, curViewDS, !!curViewDS.isHeader);
         }
         this.changeElementAttributes(element, index);
         if (targetElement) {
@@ -4079,6 +4083,7 @@ class Virtualization {
         [].slice.call(liItem[0].children).forEach((ele) => {
             listElement.appendChild(ele);
         });
+        virtualThis.setItemContext(listElement, newData, !!newData.isHeader);
     }
     onNgChange(newData, listElement, virtualThis) {
         // compile given target element with template for new data
@@ -4088,6 +4093,7 @@ class Virtualization {
             listElement.removeChild(listElement.lastChild);
         }
         listElement.appendChild(resultElement[0]);
+        virtualThis.setItemContext(listElement, newData, !!newData.isHeader);
     }
     getModuleName() {
         return 'virtualization';
@@ -4097,6 +4103,14 @@ class Virtualization {
         this.topElement = null;
         this.bottomElement = null;
     }
+    setItemContext(item, curData, isHeader) {
+        const el = item;
+        const existing = (el.context || {});
+        el.context = Object.assign({}, existing, { data: curData, nodes: existing.nodes || { flatTemplateNodes: [], groupTemplateNodes: [] }, type: isHeader ? 'groupList' : 'flatList' });
+        if (item.firstElementChild) {
+            el.context.template = item.firstElementChild;
+        }
+    }
 }
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {