Issue with TreeGrid filter and enableCollapseAll set to true

[Thanh Tong Quang]

Hello,

I am getting an error when I try to clear filter bar on tree grid.

I get this error only if enableCollapseAll is set to true. I am using version 24.1.41.

My TreeGrid looks something like that:

treegrid.component.html
<ejs-treegrid
    [dataSource]="data"
    childMapping="GroupItems"
    [allowFiltering]="true"
    [filterSettings]="filterSettings"
    [allowSorting]="true"
    [allowRowDragAndDrop]="false"
    [enableHover]="true"
    [enableCollapseAll]="true">
</ejs-treegrid>

treegrid.component.ts
this.filterSettings = {
    ignoreAccent: true,
    hierarchyMode: 'Child',
    mode: 'Immediate',
    showFilterBarStatus: true,
    immediateModeDelay: 20
};

[Karthikeyan Thangaraj]

Hi Thanh Tong Quang,

We prepared a sample based on your shared code snippet. We can be able to replicate the script error while passing the collpaseRow method without parameter from stack trace of your screenshot. While using collpaseRow method we need to pass the parameter as row element. On further validation, we have considered the reported issue (“Script error throws while passing the collpaseRow method without parameter”) as a bug and we will include the fix in our upcoming patch release which is expected to be rolled out on May 02, 2024. Until then we appreciate your patience.

You can now track the status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this link.

https://www.syncfusion.com/feedback/52930/script-error-throws-while-passing-the-collpaserow-method-without-parameter

Note: To view the above feedback, kindly login into your account.

Could you please share the exact scenario of this issue. We need to check that case also.

Disclaimer: Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.

Regards,

Karthikeyan T

[Thanh Tong Quang]

Hi  Karthikeyan T,

I get this issue when I try to clear a filter bar cell by clicking clear button or Back Space/Delete button. I attached my code based on your sample. Could you please check it?

Regards,

Thanh Tong Quang

Attachment: TreeGridExample_d18d4260.zip

[Karthikeyan Thangaraj]

Hi Thanh Tong Quang,

We can able to replicate the problem in your shared sample with version 24.1.41. The reported problem (Issue with TreeGrid filter and enableCollapseAll set to true) is already known issue and the fix was updated in the latest version 25.1.39. So please upgrade your TreeGrid to version 25.1.39 to resolve this issue.

Release notes: https://ej2.syncfusion.com/react/documentation/release-notes/24.2.8?type=all#tree-grid

Sample:- https://www.syncfusion.com/downloads/support/directtrac/general/ze/TreeGridExample858352357

Meanwhile we are working on the issue “Script error throws while passing the collpaseRow method without parameter”  through the following feedback link.

Feedback: https://www.syncfusion.com/feedback/52930/script-error-throws-while-passing-the-collpaserow-method-without-parameter

Kindly get back to us for further assistance.

Regards,

Karthikeyan T

[Vasu Perumal]

Hi Thanh Tong Quang,

We regret for the inconvinience caused.

Due to unforeseen circumstances, the fix for the issue not included in this release. However, we have fixed the issue internally and shared custom patch for the same. The fix will be included in our upcoming SP release which is scheduled to be release on May 08, 2024. Until then we appreciate your patience. Please find the custom patch as zip file with this response.

Steps to use the patch:

1. Extract the .zip file. There will be a folder named package within.
2. Copy the dist and src package.
3. In the node modules folder of your application, go to @syncfusion -> ej2-treegrid.
4. Replace the contents of this folder with the treegrid copied files.

We are happy to assist you further.

Regards,

Vasu P.

Attachment: syncfusionej2treegrid25.1.41.tgz_888fa543.zip

[Vasu Perumal]

Hi  Thanh Tong Quang,

We appreciate your patience.

 

We are glad to  announce you that the fix for the issue “Script error throws while passing the collpaseRow method without parameter” have been rolled out in our recent version v25.2.4. Hence, kindly update to the latest Syncfusion package to resolve the issue.

Ej2: @syncfusion/ej2 - npm (npmjs.com)

 

We are happy to assist you further.

 

Regards,

Vasu P.