@syncfusion/ej2-treegrid 20.1.55 → 20.1.56-97113

package/src/treegrid/actions/context-menu.js

@@ -33,8 +33,10 @@ var ContextMenu = /** @class */ (function () {
     ContextMenu.prototype.contextMenuOpen = function (args) {
         var addRow = select('#' + this.parent.element.id + '_gridcontrol_cmenu_AddRow', args.element);
         var editRecord = select('#' + this.parent.element.id + '_gridcontrol_cmenu_Edit', args.element);
+        var indent = select('#' + this.parent.element.id + '_gridcontrol_cmenu_Indent', args.element);
+        var outdent = select('#' + this.parent.element.id + '_gridcontrol_cmenu_Outdent', args.element);
         if (addRow) {
-            if (this.parent.grid.editSettings.allowAdding === false) {
+            if (this.parent.grid.editSettings.allowAdding === false || this.parent.grid.isEdit) {
                 addRow.style.display = 'none';
             }
             else {
@@ -45,13 +47,63 @@ var ContextMenu = /** @class */ (function () {
             && !(isNullOrUndefined(editRecord)) && !(editRecord.classList.contains('e-menu-hide'))) {
             editRecord.style.display = 'none';
         }
+        var tObj = this.parent;
+        var selectedrow = tObj.getSelectedRows()[0];
+        if ((indent || outdent) && !isNullOrUndefined(selectedrow)) {
+            var targetElement = args.event.target.closest('td');
+            if (isNullOrUndefined(targetElement) || (!isNullOrUndefined(targetElement) && !targetElement.classList.contains('e-rowcell'))) {
+                indent.style.display = outdent.style.display = 'none';
+            }
+            else {
+                if (selectedrow.rowIndex === 0 || tObj.getSelectedRowIndexes().length > 1) {
+                    indent.style.display = outdent.style.display = 'none';
+                }
+                else if (args['name'] !== 'rowDeselected' || (!isNullOrUndefined(selectedrow) && tObj.grid.isCheckBoxSelection)) {
+                    var selectedItem = tObj.getCurrentViewRecords()[selectedrow.rowIndex];
+                    if (!isNullOrUndefined(selectedItem)) {
+                        if ((selectedItem.level > tObj.getCurrentViewRecords()[selectedrow.rowIndex - 1].level) || this.parent.editSettings.mode === 'Batch'
+                            || this.parent.editSettings.mode === 'Cell') {
+                            indent.style.display = 'none';
+                        }
+                        else {
+                            indent.style.display = 'block';
+                        }
+                        if ((selectedItem.level === tObj.getCurrentViewRecords()[selectedrow.rowIndex - 1].level) && this.parent.editSettings.mode !== 'Batch'
+                            && this.parent.editSettings.mode !== 'Cell') {
+                            indent.style.display = 'block';
+                        }
+                        if ((selectedItem.level === 0) || this.parent.editSettings.mode === 'Batch'
+                            || this.parent.editSettings.mode === 'Cell') {
+                            outdent.style.display = 'none';
+                        }
+                        else {
+                            outdent.style.display = 'block';
+                        }
+                    }
+                }
+            }
+        }
+        else {
+            if (tObj.grid.isEdit && isNullOrUndefined(selectedrow)) {
+                indent.style.display = 'none';
+                outdent.style.display = 'none';
+            }
+        }
     };
     ContextMenu.prototype.contextMenuClick = function (args) {
         if (args.item.id === 'Above' || args.item.id === 'Below' || args.item.id === 'Child') {
             this.parent.notify('savePreviousRowPosition', args);
             this.parent.setProperties({ editSettings: { newRowPosition: args.item.id } }, true);
+            this.parent.editModule['isAddedRowByContextMenu'] = true;
             this.parent.addRecord();
         }
+        if (args.item.id === this.parent.element.id + '_gridcontrol_cmenu_Indent' || args.item.id === this.parent.element.id + '_gridcontrol_cmenu_Outdent') {
+            if (!isNullOrUndefined(this.parent.rowDragAndDropModule)) {
+                var indentOutdentAction = 'indentOutdentAction';
+                var action = args.item.id === this.parent.element.id + '_gridcontrol_cmenu_Indent' ? 'indent' : 'outdent';
+                this.parent.rowDragAndDropModule["" + indentOutdentAction](null, action);
+            }
+        }
     };
     /**
      * For internal use only - Get the module name.

package/src/treegrid/actions/crud-actions.js

@@ -33,7 +33,7 @@ export function editAction(details, control, isSelfReference, addRowIndex, selec
         batchChanges = control.grid.editModule.getBatchChanges();
     }
     if (action === 'add' || (action === 'batchsave' && (control.editSettings.mode === 'Batch'
-        && batchChanges[addedRecords].length))) {
+        && batchChanges["" + addedRecords].length))) {
         var addAct = addAction(details, treeData, control, isSelfReference, addRowIndex, selectedIndex, addRowRecord);
         value = addAct.value;
         isSkip = addAct.isSkip;
@@ -47,26 +47,27 @@ export function editAction(details, control, isSelfReference, addRowIndex, selec
     if (!isSkip && (action !== 'add' ||
         (control.editSettings.newRowPosition !== 'Top' && control.editSettings.newRowPosition !== 'Bottom'))) {
         for (var k = 0; k < modifiedData.length; k++) {
-            if (typeof (modifiedData[k][key]) === 'object') {
-                modifiedData[k] = modifiedData[k][key];
+            if (typeof (modifiedData[parseInt(k.toString(), 10)]["" + key]) === 'object') {
+                modifiedData[parseInt(k.toString(), 10)] = modifiedData[parseInt(k.toString(), 10)]["" + key];
             }
-            var keys = modifiedData[k].taskData ? Object.keys(modifiedData[k].taskData) :
-                Object.keys(modifiedData[k]);
+            var keys = modifiedData[parseInt(k.toString(), 10)].taskData ?
+                Object.keys(modifiedData[parseInt(k.toString(), 10)].taskData) :
+                Object.keys(modifiedData[parseInt(k.toString(), 10)]);
             i = treeData.length;
             var _loop_1 = function () {
-                if (treeData[i][key] === modifiedData[k][key]) {
+                if (treeData[parseInt(i.toString(), 10)]["" + key] === modifiedData[parseInt(k.toString(), 10)]["" + key]) {
                     if (action === 'delete') {
-                        var currentData_1 = treeData[i];
+                        var currentData_1 = treeData[parseInt(i.toString(), 10)];
                         treeData.splice(i, 1);
                         if (isSelfReference) {
-                            if (!isNullOrUndefined(currentData_1[control.parentIdMapping])) {
+                            if (!isNullOrUndefined(currentData_1["" + control.parentIdMapping])) {
                                 var parentData = control.flatData.filter(function (e) {
-                                    return e[control.idMapping] === currentData_1[control.parentIdMapping];
+                                    return e["" + control.idMapping] === currentData_1["" + control.parentIdMapping];
                                 })[0];
-                                var childRecords = parentData ? parentData[control.childMapping] : [];
+                                var childRecords = parentData ? parentData["" + control.childMapping] : [];
                                 for (var p = childRecords.length - 1; p >= 0; p--) {
-                                    if (childRecords[p][control.idMapping] === currentData_1[control.idMapping]) {
-                                        if (!control.enableImmutableMode) {
+                                    if (childRecords[parseInt(p.toString(), 10)]["" + control.idMapping] === currentData_1["" + control.idMapping]) {
+                                        if (!control.enableImmutableMode && parentData.childRecords.length === parentData['Children'].length) {
                                             parentData['childRecords'].splice(p, 1);
                                         }
                                         childRecords.splice(p, 1);
@@ -84,13 +85,15 @@ export function editAction(details, control, isSelfReference, addRowIndex, selec
                     else {
                         if (action === 'edit') {
                             for (j = 0; j < keys.length; j++) {
-                                if (Object.prototype.hasOwnProperty.call(treeData[i], keys[j]) && ((control.editSettings.mode !== 'Cell'
-                                    || (!isNullOrUndefined(batchChanges) && batchChanges[changedRecords].length === 0))
-                                    || keys[j] === columnName)) {
-                                    var editedData = getParentData(control, modifiedData[k].uniqueID);
-                                    treeData[i][keys[j]] = modifiedData[k][keys[j]];
+                                if (Object.prototype.hasOwnProperty.call(treeData[parseInt(i.toString(), 10)], keys[parseInt(j.toString(), 10)]) && ((control.editSettings.mode !== 'Cell'
+                                    || (!isNullOrUndefined(batchChanges) && batchChanges["" + changedRecords].length === 0))
+                                    || keys[parseInt(j.toString(), 10)] === columnName)) {
+                                    var editedData = getParentData(control, modifiedData[parseInt(k.toString(), 10)].uniqueID);
+                                    treeData[parseInt(i.toString(), 10)][keys[parseInt(j.toString(), 10)]] =
+                                        modifiedData[parseInt(k.toString(), 10)][keys[parseInt(j.toString(), 10)]];
                                     if (editedData && editedData.taskData) {
-                                        editedData.taskData[keys[j]] = editedData[keys[j]] = treeData[i][keys[j]];
+                                        editedData.taskData[keys[parseInt(j.toString(), 10)]] = editedData[keys[parseInt(j.toString(), 10)]]
+                                            = treeData[parseInt(i.toString(), 10)][keys[parseInt(j.toString(), 10)]];
                                     }
                                 }
                             }
@@ -99,15 +102,15 @@ export function editAction(details, control, isSelfReference, addRowIndex, selec
                             var index = void 0;
                             if (control.editSettings.newRowPosition === 'Child') {
                                 if (isSelfReference) {
-                                    originalData.taskData[control.parentIdMapping] = treeData[i][control.idMapping];
+                                    originalData.taskData["" + control.parentIdMapping] = treeData[parseInt(i.toString(), 10)]["" + control.idMapping];
                                     treeData.splice(i + 1, 0, originalData.taskData);
                                 }
                                 else {
-                                    if (!Object.prototype.hasOwnProperty.call(treeData[i], control.childMapping)) {
-                                        treeData[i][control.childMapping] = [];
+                                    if (!Object.prototype.hasOwnProperty.call(treeData[parseInt(i.toString(), 10)], control.childMapping)) {
+                                        treeData[parseInt(i.toString(), 10)]["" + control.childMapping] = [];
                                     }
-                                    treeData[i][control.childMapping].push(originalData.taskData);
-                                    updateParentRow(key, treeData[i], action, control, isSelfReference, originalData);
+                                    treeData[parseInt(i.toString(), 10)]["" + control.childMapping].push(originalData.taskData);
+                                    updateParentRow(key, treeData[parseInt(i.toString(), 10)], action, control, isSelfReference, originalData);
                                 }
                             }
                             else if (control.editSettings.newRowPosition === 'Below') {
@@ -123,16 +126,16 @@ export function editAction(details, control, isSelfReference, addRowIndex, selec
                             else if (control.editSettings.newRowPosition === 'Above') {
                                 treeData.splice(i, 0, originalData.taskData);
                                 if (!isNullOrUndefined(originalData.parentItem)) {
-                                    updateParentRow(key, treeData[i], action, control, isSelfReference, originalData);
+                                    updateParentRow(key, treeData[parseInt(i.toString(), 10)], action, control, isSelfReference, originalData);
                                 }
                             }
                         }
                         return "break";
                     }
                 }
-                else if (!isNullOrUndefined(treeData[i][control.childMapping])) {
-                    if (removeChildRecords(treeData[i][control.childMapping], modifiedData[k], action, key, control, isSelfReference, originalData, columnName)) {
-                        updateParentRow(key, treeData[i], action, control, isSelfReference);
+                else if (!isNullOrUndefined(treeData[parseInt(i.toString(), 10)]["" + control.childMapping])) {
+                    if (removeChildRecords(treeData[parseInt(i.toString(), 10)]["" + control.childMapping], modifiedData[parseInt(k.toString(), 10)], action, key, control, isSelfReference, originalData, columnName)) {
+                        updateParentRow(key, treeData[parseInt(i.toString(), 10)], action, control, isSelfReference);
                     }
                 }
             };
@@ -191,8 +194,8 @@ export function addAction(details, treeData, control, isSelfReference, addRowInd
             }
             else {
                 var primaryKeys = control.grid.getPrimaryKeyFieldNames()[0];
-                var currentdata = currentViewRecords[addRowIndex];
-                if (!isNullOrUndefined(currentdata) && currentdata[primaryKeys] === details.value[primaryKeys] || selectedIndex !== -1) {
+                var currentdata = currentViewRecords[parseInt(addRowIndex.toString(), 10)];
+                if (!isNullOrUndefined(currentdata) && currentdata["" + primaryKeys] === details.value["" + primaryKeys] || selectedIndex !== -1) {
                     value = extend({}, currentdata);
                 }
                 else {
@@ -200,7 +203,7 @@ export function addAction(details, treeData, control, isSelfReference, addRowInd
                 }
                 value = getPlainData(value);
                 var internalProperty = 'internalProperties';
-                control.editModule[internalProperty].taskData = value;
+                control.editModule["" + internalProperty].taskData = value;
             }
             if (selectedIndex === -1) {
                 treeData.unshift(value);
@@ -224,18 +227,22 @@ export function removeChildRecords(childRecords, modifiedData, action, key, cont
     var isChildAll = false;
     var j = childRecords.length;
     while (j-- && j >= 0) {
-        if (childRecords[j][key] === modifiedData[key] ||
-            (isSelfReference && childRecords[j][control.parentIdMapping] === modifiedData[control.idMapping])) {
+        if (childRecords[parseInt(j.toString(), 10)]["" + key] === modifiedData["" + key] ||
+            (isSelfReference && childRecords[parseInt(j.toString(), 10)][control.parentIdMapping] === modifiedData[control.idMapping])) {
             if (action === 'edit') {
                 var keys = Object.keys(modifiedData);
                 var editedData = getParentData(control, modifiedData.uniqueID);
                 for (var i = 0; i < keys.length; i++) {
-                    if (Object.prototype.hasOwnProperty.call(childRecords[j], keys[i]) && (control.editSettings.mode !== 'Cell' || keys[i] === columnName)) {
-                        editedData[keys[i]] = editedData.taskData[keys[i]] = childRecords[j][keys[i]] = modifiedData[keys[i]];
+                    if (Object.prototype.hasOwnProperty.call(childRecords[parseInt(j.toString(), 10)], keys[parseInt(i.toString(), 10)]) &&
+                        (control.editSettings.mode !== 'Cell' || keys[parseInt(i.toString(), 10)] === columnName)) {
+                        editedData[keys[parseInt(i.toString(), 10)]] =
+                            editedData.taskData[keys[parseInt(i.toString(), 10)]] =
+                                childRecords[parseInt(j.toString(), 10)][keys[parseInt(i.toString(), 10)]] =
+                                    modifiedData[keys[parseInt(i.toString(), 10)]];
                         if (control.grid.editSettings.mode === 'Normal' && control.editSettings.mode === 'Cell') {
                             var editModule = 'editModule';
-                            control.grid.editModule[editModule].editRowIndex = modifiedData.index;
-                            control.grid.editModule[editModule].updateCurrentViewData(modifiedData);
+                            control.grid.editModule["" + editModule].editRowIndex = modifiedData.index;
+                            control.grid.editModule["" + editModule].updateCurrentViewData(modifiedData);
                         }
                     }
                 }
@@ -244,28 +251,28 @@ export function removeChildRecords(childRecords, modifiedData, action, key, cont
             else if (action === 'add' || action === 'batchsave') {
                 if (control.editSettings.newRowPosition === 'Child') {
                     if (isSelfReference) {
-                        originalData[control.parentIdMapping] = childRecords[j][control.idMapping];
+                        originalData["" + control.parentIdMapping] = childRecords[parseInt(j.toString(), 10)][control.idMapping];
                         childRecords.splice(j + 1, 0, originalData);
-                        updateParentRow(key, childRecords[j], action, control, isSelfReference, originalData);
+                        updateParentRow(key, childRecords[parseInt(j.toString(), 10)], action, control, isSelfReference, originalData);
                     }
                     else {
-                        if (!Object.prototype.hasOwnProperty.call(childRecords[j], control.childMapping)) {
-                            childRecords[j][control.childMapping] = [];
+                        if (!Object.prototype.hasOwnProperty.call(childRecords[parseInt(j.toString(), 10)], control.childMapping)) {
+                            childRecords[parseInt(j.toString(), 10)][control.childMapping] = [];
                         }
-                        childRecords[j][control.childMapping].push(originalData.taskData);
-                        updateParentRow(key, childRecords[j], action, control, isSelfReference, originalData);
+                        childRecords[parseInt(j.toString(), 10)][control.childMapping].push(originalData.taskData);
+                        updateParentRow(key, childRecords[parseInt(j.toString(), 10)], action, control, isSelfReference, originalData);
                     }
                 }
                 else if (control.editSettings.newRowPosition === 'Above') {
                     childRecords.splice(j, 0, originalData.taskData);
                     if (!isNullOrUndefined(originalData.parentItem)) {
-                        updateParentRow(key, childRecords[j], action, control, isSelfReference, originalData);
+                        updateParentRow(key, childRecords[parseInt(j.toString(), 10)], action, control, isSelfReference, originalData);
                     }
                 }
                 else if (control.editSettings.newRowPosition === 'Below') {
                     childRecords.splice(j + 1, 0, originalData.taskData);
                     if (!isNullOrUndefined(originalData.parentItem)) {
-                        updateParentRow(key, childRecords[j], action, control, isSelfReference, originalData);
+                        updateParentRow(key, childRecords[parseInt(j.toString(), 10)], action, control, isSelfReference, originalData);
                     }
                 }
             }
@@ -276,9 +283,9 @@ export function removeChildRecords(childRecords, modifiedData, action, key, cont
                 }
             }
         }
-        else if (!isNullOrUndefined(childRecords[j][control.childMapping])) {
-            if (removeChildRecords(childRecords[j][control.childMapping], modifiedData, action, key, control, isSelfReference, originalData, columnName)) {
-                updateParentRow(key, childRecords[j], action, control, isSelfReference);
+        else if (!isNullOrUndefined(childRecords[parseInt(j.toString(), 10)][control.childMapping])) {
+            if (removeChildRecords(childRecords[parseInt(j.toString(), 10)][control.childMapping], modifiedData, action, key, control, isSelfReference, originalData, columnName)) {
+                updateParentRow(key, childRecords[parseInt(j.toString(), 10)], action, control, isSelfReference);
             }
         }
     }
@@ -302,12 +309,16 @@ export function updateParentRow(key, record, action, control, isSelfReference, c
     else {
         var currentRecords = control.grid.getCurrentViewRecords();
         var index_1;
-        currentRecords.map(function (e, i) { if (e[key] === record[key]) {
+        currentRecords.map(function (e, i) { if (e["" + key] === record["" + key]) {
             index_1 = i;
             return;
         } });
+        if (control.enableVirtualization && isNullOrUndefined(index_1)) {
+            var updatedParent = getValue('uniqueIDCollection.' + child.parentUniqueID, control);
+            record = updatedParent;
+        }
         if (!isNullOrUndefined(index_1)) {
-            record = currentRecords[index_1];
+            record = currentRecords[parseInt(index_1.toString(), 10)];
         }
         if (control.enableVirtualization && isNullOrUndefined(record) && !isNullOrUndefined(child)) {
             record = getValue('uniqueIDCollection.' + child.parentUniqueID, control);
@@ -337,18 +348,18 @@ export function updateParentRow(key, record, action, control, isSelfReference, c
                     record.childRecords = [];
                 }
                 else {
-                    if (!isNullOrUndefined(child) && record[key] !== child[key]) {
+                    if (!isNullOrUndefined(child) && record["" + key] !== child["" + key]) {
                         record.childRecords.push(child);
                     }
                 }
-                if (record.childRecords.indexOf(childRecords) === -1 && record[key] !== child[key]) {
+                if (record.childRecords.indexOf(childRecords) === -1 && record["" + key] !== child["" + key]) {
                     record.childRecords.unshift(childRecords);
                 }
                 if (isSelfReference) {
                     if (!Object.prototype.hasOwnProperty.call(record, control.childMapping)) {
                         record[control.childMapping] = [];
                     }
-                    if (record[control.childMapping].indexOf(childRecords) === -1 && record[key] !== child[key]) {
+                    if (record["" + control.childMapping].indexOf(childRecords) === -1 && record["" + key] !== child["" + key]) {
                         record[control.childMapping].unshift(childRecords);
                     }
                 }
@@ -358,8 +369,8 @@ export function updateParentRow(key, record, action, control, isSelfReference, c
         var data = control.grid.dataSource instanceof DataManager ?
             control.grid.dataSource.dataSource.json : control.grid.dataSource;
         for (var i = 0; i < data.length; i++) {
-            if (data[i][primaryKeys] === record[primaryKeys]) {
-                data[i] = record;
+            if (data[parseInt(i.toString(), 10)]["" + primaryKeys] === record["" + primaryKeys]) {
+                data[parseInt(i.toString(), 10)] = record;
                 break;
             }
         }
@@ -370,7 +381,7 @@ export function updateParentRow(key, record, action, control, isSelfReference, c
                 row = control.getRows()[control.grid.getCurrentViewRecords().indexOf(record)];
             }
             else {
-                row = control.getRows()[control.grid.getRowIndexByPrimaryKey(record[key])];
+                row = control.getRows()[control.grid.getRowIndexByPrimaryKey(record["" + key])];
             }
         }
         var movableRow = void 0;
@@ -383,7 +394,7 @@ export function updateParentRow(key, record, action, control, isSelfReference, c
                 index_2 = index_2 + 1;
             }
             control.renderModule.cellRender({
-                data: record, cell: row.cells[index_2] ? row.cells[index_2]
+                data: record, cell: row.cells[parseInt(index_2.toString(), 10)] ? row.cells[parseInt(index_2.toString(), 10)]
                     : movableRow.cells[index_2 - control.getFrozenColumns()],
                 column: control.grid.getColumns()[control.treeColumnIndex],
                 requestType: action

package/src/treegrid/actions/detail-row.js

@@ -50,16 +50,16 @@ var DetailRow = /** @class */ (function () {
     };
     DetailRow.prototype.setIndentVisibility = function (args) {
         var visible = 'visible';
-        args[visible] = false;
+        args["" + visible] = false;
     };
     DetailRow.prototype.dataBoundArg = function () {
         var detailele = this.parent.getRows().filter(function (e) {
             return !e.classList.contains('e-detailrow');
         });
         for (var i = 0; i < detailele.length; i++) {
-            var elements = detailele[i].getElementsByClassName('e-detailrowcollapse');
-            var detailData = this.parent.grid.getRowObjectFromUID(detailele[i].getAttribute('data-Uid'));
-            var parentItem = getObject('parentItem', this.parent.grid.getCurrentViewRecords()[i]);
+            var elements = detailele[parseInt(i.toString(), 10)].getElementsByClassName('e-detailrowcollapse');
+            var detailData = this.parent.grid.getRowObjectFromUID(detailele[parseInt(i.toString(), 10)].getAttribute('data-Uid'));
+            var parentItem = getObject('parentItem', this.parent.grid.getCurrentViewRecords()[parseInt(i.toString(), 10)]);
             if (isNullOrUndefined(parentItem) || !isNullOrUndefined(parentItem) &&
                 getExpandStatus(this.parent, detailData.data, this.parent.grid.getCurrentViewRecords())) {
                 this.parent.grid.detailRowModule.expand(elements[0]);
@@ -77,7 +77,7 @@ var DetailRow = /** @class */ (function () {
             return;
         }
         for (var i = 0; i < args.detailrows.length; i++) {
-            args.detailrows[i].style.display = args.action;
+            args.detailrows[parseInt(i.toString(), 10)].style.display = args.action;
         }
     };
     DetailRow.prototype.detaildataBound = function (args) {
@@ -101,11 +101,11 @@ var DetailRow = /** @class */ (function () {
         }
         var focusElement = this.parent.grid.contentModule.getRows();
         for (var i = 0; i < focusElement.length; i++) {
-            focusElement[i].cells[0].visible = false;
+            focusElement[parseInt(i.toString(), 10)].cells[0].visible = false;
         }
         var focusModule = getObject('focusModule', this.parent.grid);
         var matrix = 'refreshMatrix';
-        focusModule[matrix](true)({ rows: this.parent.grid.contentModule.getRows() });
+        focusModule["" + matrix](true)({ rows: this.parent.grid.contentModule.getRows() });
     };
     /**
      * Destroys the DetailModule.

package/src/treegrid/actions/edit.d.ts

@@ -22,6 +22,7 @@ export declare class Edit {
     private isTabLastRow;
     private prevAriaRowIndex;
     private isAddedRowByMethod;
+    private isAddedRowByContextMenu;
     /**
      * Constructor for Edit module
      *