Problem with the template compiler in the new TreeGrid version

[Ahmad Al Edlbi]

Hallo,

I have updated the TreeGridComponent to the 19.1.59 version and now I have the following problems:

1. If I set the columns attribute to null in a column then I get the following error message

2. When using Angular-Template to display (filterTemplate, HeaderTemplate or template) in a column, I get the following error message. A wrong compiler is probably used here when compiling the template

I used an older version (18.4.49) of treeGrid before and I didn't get the two error messages.

With best regards

Ahmad Al Edlbi

[Ahmad Al Edlbi]

Hi,

I already solved the second problem by updating the version of ej2-data. Unfortunately, this does not solve the first problem. There is always an error message if the column has a value of 'null' in the columns property.

[Farveen Sulthana Thameeztheen Basha]

Hi Ahmad, 

Thanks for using Syncfusion products. 

Query#:- Cannot read property length of null 

We are able to replicate the problem from your provided details. Further analyzing, we have confirmed this as Bug  “Script Error throws when we define null value for Columns property in StackedHeader Column” and logged it as Breaking issue at our. At Syncfusion, we are committed to fixing all validated defects (subject to technological feasibility and Product Development Life Cycle ) and will promise to include the defect fix in our third week patch release of May 2021(19^th may) 

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

Feedback Link:  https://www.syncfusion.com/feedback/25268/script-error-throws-when-we-define-null-value-for-columns-property-in 

Until the release we suggest you to use the workaround solution to resolve the problem. Use Columns property with empty string instead of Null.  Refer to the below code:- 

<ejs-treegrid #treegrid [dataSource]='data' childMapping='subtasks' height='350' [treeColumnIndex]='1' [allowPaging]=true> 

            <e-columns> 

                <e-column headerText='Order Details' [columns]=""></e-column> 

                <e-column headerText='Shipment Details' [columns]='shipColumns'></e-column> 

                <e-column headerText='Price Details' [columns]='priceColumns'></e-column> 

            </e-columns> 

        </ejs-treegrid> 

Sample Link:- https://stackblitz.com/edit/angular-ntfvpw-4d4jhe 

Query#:- Cannot read property getService of undefined 

 

We have checked the reported problem by preparing the sample in version 19.1.59 but we are unable to reproduce any issue at our end. Refer to the sample Link:- 

https://stackblitz.com/edit/angular-myznwl 

   So we request you to share the following details in order to solve the issue. 

1. Complete TreeGrid code example.
2. Have you faced the issue in any specific scenario.(Enabling specific properties)
3. Replication procedure of the issue.
4. If possible replicate it in the above sample and revert us back.

 

Regards, 

Farveen sulthana T 

[Ahmad Al Edlbi]

Hi Farveen,

Thank you for the feedback.

I will wait until the problem with the columns is fixed. The 2nd error message may be related to it and then it is also resolved. I would definitely get back to you after the release.

With best regards

Ahmad Al Edlbi

[Farveen Sulthana Thameeztheen Basha]

Hi Ahmad , 

We appreciate your patience. 

We are glad to announce that our Essential Javascript2 patch release (v19.1.64) has been rolled out successfully and in that release we have added the fix for the issue “Script Error throws when we define null value for Columns property in StackedHeader Column”.  Kindly upgrade into v19.1.64 to resolve the problem. 

 

We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.  

Regards, 

Farveen sulthana T 

[Ahmad Al Edlbi]

Hi Farveen,

thanks for the update information. The problem no longer occurs after the update and the 2 error messages are now gone.

However, the same problem occurs when the getPersistData method is called. It is not so important for me to fix this problem but I wanted to let you know so that it will be fixed in the future.

With best regards

Ahmad Al Edlbi

[Farveen Sulthana Thameeztheen Basha]

Hi Ahmad, 

Thanks for your feedback. We are glad to know that your problem has been resolved. 

Query#:- the same problem occurs when the getPersistData method is called. 

We have prepared sample with getPersistData but we are unable to reproduce any problem at our end. Refer to the sample link:- 

https://stackblitz.com/edit/angular-xz8qc8-znccxo 

 

So share us the detailed Scenario/ replication steps to find the the cause of the issue. Shared information will be helpful for further validation at our end. 

Regards,
Farveen sulthana T