ejTreeGrid does not maintain nodes state (collapsed/expanded) after updating data source list

[Cristian Bellotto]

I have an ejTreeGrid whose item source is binded by knockout to an observable array. Whenever I update the array by adding or removing an element the state of the treegrid nodes is not maintained. All the nodes are expanded.

How can I prevent the nodes to be expanded every time?

This is my grid definition where 'assets' is the observable array.

<div id="assetsGrid" data-bind="ejTreeGrid: {
                               dataSource: assets,
                               idMapping: 'Id',
                               parentIdMapping: 'ParentId',
                               selectedRowIndex: selectedAssetGridRow,
                               enableVirtualization: true,
                               isResponsive: true,
                               enableResize: true,
                               rowHeight: 48,
                               enableCollapseAll: false,
                               columns: [{ field: 'Code', headerText: 'Code', width: 200, verticalAlignment: 'center' },
                                         { field: 'Description', headerText: 'Description' },
                                         { field: 'WrcName', headerText: 'Wrc' },
                                         { field: 'MaterialCode', headerText: 'Material Code' },
                                         { field: 'ExternalMaterialCode', headerText: 'Ext Material Code' },
                                         { headerText: 'Docs', isTemplateColumn: true, templateID: 'viewDocsColumnTemplate', textAlign: 'center', width: 50 }
                                       ],
                               toolbarSettings: {
                                   showToolbar: true,
                                   toolbarItems: [
                                        ej.TreeGrid.ToolbarItems.Add,
                                        ej.TreeGrid.ToolbarItems.Edit,
                                        ej.TreeGrid.ToolbarItems.Delete,
                                        ej.TreeGrid.ToolbarItems.ExpandAll,
                                        ej.TreeGrid.ToolbarItems.CollapseAll
                                   ]
                                 },
                                editSettings: {
                                    allowEditing: true,
                                    allowDeleting: true
                                },
                                toolbarClick: toolbarClick,
                                rowDataBound: assetRowDataBound
                              }">
</div>

[Jonesherine Stephen]

Hi Cristian, 

At present there is no support for expand Mapping in Tree Grid. Please follow-up with the incident which is created under your account to track the status of this feature.
Regards, 

Jone sherine P S 

[Ugur Yilmaz]

is there a solution for this incident? 

[Suriyaprasanth Ravikumar]

Hi Ugur, 

As per your request, we have provided support for expand Mapping in TreeGrid, it already get included in our Essential studio version “15.2.0.40”, please upgrade your source version to “15.2.0.40” or greater than this to use this feature. 

Please refer the code snippet below. 

[HTML] 

    

<div id="TreeGrid" data-bind="ejTreeGrid:{ expandStateMapping:'isExpand' ... }" style="width:100%;height:450px;"> 

    //.. 

</div> 

 

var sampleData = [ 

      { 

          taskID: 1,  ... ,subtasks: [   ...   ]  

      }, 

      { 

          taskID: 6,  ...  ,isExpand: false,subtasks: [   ...   ] 

      }, 

         //..           

    ]; 

 

We have also prepared a sample for your reference, Please find the sample link below. 

Link: http://jsplayground.syncfusion.com/effw02sg 

Thanks, 

Suriyaprasanth R 

[Ugur Yilmaz]

perfect. you saved my day :) thanks.

[Suriyaprasanth Ravikumar]

Hi Ugur, 

Thank you for your update. We are glad that your requirement has been achieved.  

Thanks, 

Suriyaprasanth R