ejGrid editSettingsTemplate still broken under Angular 9

[pcafstockf]

Hi,

Both Template-driven and Reactive Forms are still broken for ejGrid under Angular 9.

They work fine in Angular 8, but the editSettingsTemplate is clearly not used under Angular 9.

I've created two small StackBlitz projects to demonstrate the problem.

The code is identical in both projects, except for the package.json (one is for Angular 8, and one is for Angular 9).

These two StackBlitz projects are a stripped down version of the Template-driven sample in the SyncFusion documentation.

Start with the Angular 8 StackBlitz project, and click to edit a row in the Customer Name column.

https://stackblitz.com/edit/angular-ncz9jk?file=package.json

You can see the ugly "TEMPLATING WORKS" message inside the <tr>.  Clearly ejGrid is using the editSettingsTemplate as it should.

Now do the exact same thing with the Angular 9 StackBlitz project (click to edit a row in the Customer Name column).

https://stackblitz.com/edit/angular-p99bh6?file=package.json

This time you do *not* see the "TEMPLATING WORKS" text.  Clearly ejGrid is *not* using the editSettingsTemplate.

I have also attached screenshots of these two scenarios in case the description is unclear.

Attachment: ejGridAngular8vs9_7bfbceab.zip

[pcafstockf]

Hi,

Both Template-driven and Reactive Forms are still broken for ejGrid under Angular 9.

They work fine in Angular 8, but the editSettingsTemplate is clearly not used under Angular 9.

I've created two small StackBlitz projects to demonstrate the problem.

The code is identical in both projects, except for the package.json (one is for Angular 8, and one is for Angular 9).

These two StackBlitz projects are a stripped down version of the Template-driven sample in the SyncFusion documentation.

Start with the Angular 8 StackBlitz project, and click to edit a row in the Customer Name column.

https://stackblitz.com/edit/angular-ncz9jk?file=package.json

You can see the ugly "TEMPLATING WORKS" message inside the <tr>.  Clearly ejGrid is using the editSettingsTemplate as it should.

Now do the exact same thing with the Angular 9 StackBlitz project (click to edit a row in the Customer Name column).

https://stackblitz.com/edit/angular-p99bh6?file=package.json

This time you do *not* see the "TEMPLATING WORKS" text.  Clearly ejGrid is *not* using the editSettingsTemplate.

I have also attached screenshots of these two scenarios in case the description is unclear.

Attachment: ejGridAngular8vs9_7bfbceab.zip

Just stumbled on the latest docs from Syncfusion and found that even the official published examples have the same problem.

You don't need any code from me to reproduce this.

Go to the Essential Studio for Angular Data Grid > Editing > Reactive Forms.

The Grid in that page is using Angular 6.1.10, so it behaves as expected.

But...

If you click the Edit in StackBlitz link, it loads up Angular 9.1 and demonstrates the same problem I describe above.

In StackBlitz, edit the app.component.html line 18 so that it says "Invisible Order ID" (instead of just "Order ID"), and then double click to edit a data row in the Grid of the running app panel.  You will still see "Order ID" again showing that #editSettingsTemplate is not used.

[pcafstockf]

Hi,

Both Template-driven and Reactive Forms are still broken for ejGrid under Angular 9.

They work fine in Angular 8, but the editSettingsTemplate is clearly not used under Angular 9.

I've created two small StackBlitz projects to demonstrate the problem.

The code is identical in both projects, except for the package.json (one is for Angular 8, and one is for Angular 9).

These two StackBlitz projects are a stripped down version of the Template-driven sample in the SyncFusion documentation.

Start with the Angular 8 StackBlitz project, and click to edit a row in the Customer Name column.

https://stackblitz.com/edit/angular-ncz9jk?file=package.json

You can see the ugly "TEMPLATING WORKS" message inside the <tr>.  Clearly ejGrid is using the editSettingsTemplate as it should.

Now do the exact same thing with the Angular 9 StackBlitz project (click to edit a row in the Customer Name column).

https://stackblitz.com/edit/angular-p99bh6?file=package.json

This time you do *not* see the "TEMPLATING WORKS" text.  Clearly ejGrid is *not* using the editSettingsTemplate.

I have also attached screenshots of these two scenarios in case the description is unclear.

Attachment: ejGridAngular8vs9_7bfbceab.zip

Just stumbled on the latest docs from Syncfusion and found that even the official published examples have the same problem.

You don't need any code from me to reproduce this.

Go to the Essential Studio for Angular Data Grid > Editing > Reactive Forms.

The Grid in that page is using Angular 6.1.10, so it behaves as expected.

But...

If you click the Edit in StackBlitz link, it loads up Angular 9.1 and demonstrates the same problem I describe above.

In StackBlitz, edit the app.component.html line 18 so that it says "Invisible Order ID" (instead of just "Order ID"), and then double click to edit a data row in the Grid of the running app panel.  You will still see "Order ID" again showing that #editSettingsTemplate is not used.

Just confirmed that this has been fixed in the 18.1.48 release.

Thanks everyone!

[Prasanna Kumar Viswanathan]

Hi Earl, 

 

We are happy to hear that your issue has been solved. 

 

Please get back to us if you need any further assistance. 

 

Regards, 

Prasanna Kumar N.S.V