@syncfusion/ej2-lists 20.4.42 → 20.4.48

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

@@ -1462,7 +1462,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
         this.currentLiElements = [];
         this.isNestedList = false;
         this.selectedData = [];
-        this.selectedId = [];
+        this.selectedId = this.enablePersistence ? this.selectedId : [];
         this.LISTVIEW_TEMPLATE_ID = "" + this.element.id + LISTVIEW_TEMPLATE_PROPERTY;
         this.LISTVIEW_GROUPTEMPLATE_ID = "" + this.element.id + LISTVIEW_GROUPTEMPLATE_PROPERTY;
         this.LISTVIEW_HEADERTEMPLATE_ID = "" + this.element.id + LISTVIEW_HEADERTEMPLATE_PROPERTY;
@@ -1474,12 +1474,13 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
         this.curUL = this.ulElement = this.liCollection = this.headerEle = this.contentContainer = undefined;
     };
     ListView.prototype.renderCheckbox = function (args) {
+        var _this = this;
         if (args.item.classList.contains(classNames.hasChild)) {
             this.isNestedList = true;
         }
         if (this.showCheckBox && this.isValidLI(args.item)) {
             var checkboxElement = void 0;
-            var fieldData = void 0;
+            var fieldData_1;
             // eslint-disable-next-line prefer-const
             checkboxElement = createCheckBox(this.createElement, false, {
                 checked: false, enableRtl: this.enableRtl,
@@ -1490,8 +1491,14 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
             args.item.classList.add(classNames.itemCheckList);
             args.item.firstElementChild.classList.add(classNames.checkbox);
             if (typeof this.dataSource[0] !== 'string' && typeof this.dataSource[0] !== 'number') {
-                fieldData = getFieldValues(args.curData, this.listBaseOption.fields);
-                if (fieldData[this.listBaseOption.fields.isChecked]) {
+                fieldData_1 = getFieldValues(args.curData, this.listBaseOption.fields);
+                if (this.enablePersistence && !isNullOrUndefined(this.selectedId)) {
+                    var index = this.selectedId.findIndex(function (e) { return e == fieldData_1[_this.listBaseOption.fields.id].toString(); });
+                    if (index != -1) {
+                        this.checkInternally(args, checkboxElement);
+                    }
+                }
+                else if (fieldData_1[this.listBaseOption.fields.isChecked]) {
                     this.checkInternally(args, checkboxElement);
                 }
             }
@@ -1556,6 +1563,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
                 checkboxIcon.parentElement.setAttribute('aria-checked', checked ? 'true' : 'false');
             }
             this.setSelectedItemData(liElement);
+            this.updateSelectedId();
         }
     };
     /**
@@ -1598,6 +1606,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
             if (this.enableVirtualization) {
                 this.virtualizationModule.checkedItem(checked);
             }
+            this.updateSelectedId();
         }
     };
     ListView.prototype.setCheckbox = function () {
@@ -1713,6 +1722,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
                 }
             }
         }
+        this.updateSelectedId();
     };
     ListView.prototype.removeElement = function (element) {
         return element && element.parentNode && element.parentNode.removeChild(element);
@@ -1902,6 +1912,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
             var eventArgs = this.selectEventData(li, e);
             merge(eventArgs, { isChecked: checkIcon ? checkIcon.classList.contains(classNames.checked) : false });
             this.trigger('select', eventArgs);
+            this.updateSelectedId();
         }
     };
     ListView.prototype.keyActionHandler = function (e) {
@@ -2578,6 +2589,16 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
         }
         return parentId;
     };
+    ListView.prototype.updateSelectedId = function () {
+        this.selectedId = [];
+        var liCollection = this.curUL.getElementsByClassName(classNames.selected);
+        for (var i = 0; i < liCollection.length; i++) {
+            var tempData = this.getItemData(liCollection[i]);
+            if (tempData[this.listBaseOption.fields.id]) {
+                this.selectedId.push(tempData[this.listBaseOption.fields.id]);
+            }
+        }
+    };
     /**
      * Gets the details of the currently selected item from the list items.
      *
@@ -3009,7 +3030,7 @@ var ListView = /** @__PURE__ @class */ (function (_super) {
     ListView.prototype.getPersistData = function () {
         return this.addOnPersist(['cssClass', 'enableRtl', 'htmlAttributes',
             'enable', 'fields', 'animation', 'headerTitle',
-            'sortOrder', 'showIcon', 'height', 'width', 'showCheckBox', 'checkBoxPosition']);
+            'sortOrder', 'showIcon', 'height', 'width', 'showCheckBox', 'checkBoxPosition', 'selectedId']);
     };
     __decorate([
         Property('')