Automatically generate ID based on ejs-for Attribute

[Daniel Hulse]

In the stock tag helpers that ship with .Net Core, if you specify the "asp-for" attribute you do not need to specify an Id for the tag. The Razor framework will generate it for you.

E.g., this tag helper:

<input asp-for="@joe">

will generate this:

<input type="text" id="joe" name="joe" value="Joe">

Is it possible to do the same for the ejs-for attribute so we don't need to explicitly add the ID?

Thanks

[Vairamuthu Ramamoorthi]

Hi Daniel, 

Thank you for contacting Syncfusion Support. 

We have checked your reported query and the ‘id’ attribute is required for rendering our Syncfusion EJ2 Asp Core components. However, we considered this requirement “Auto ID generation for our Form components based on ‘ejs-for’ attribute” as an improvement task and it’ll will be available in our upcoming Essential Studio 2020 Volume 1 release which is expected to be rolled-out in the end of March, 2020. We appreciate your patience until then.  

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

Feedback: https://www.syncfusion.com/feedback/12082/automatically-generated-id-based-on-ejs-for-attribute-for-for-control 

Regards, 

Vairamuthu R 

[Saranya Murugasamy]

Hi Daniel, 

Sorry for the inconvenience. 

We will complete the improvement task “Auto ID generation for our Form components based on ‘ejs-for’ attribute” and include this in our upcoming second patch release and we will update the further details once the feature is included. 

Regards, 

Saranya M 

[Daniel Hulse]

Thank you for letting me know.

[Saranya Murugasamy]

Hi Daniel, 

Most welcome. 

We will update you once the feature is included in our upcoming patch release. 

Regards, 

Saranya M 

[Robert Saddler]

Hi,

This still does not happen on the latest version released yesterday (30th March 2021) and is a real pain.  I couldn't figure out for ages why none of the ejs controls would render properly and it was because I hadn't specified an ID.  It doesn't even mention this in the documentation so is a real gotcha for anyone used to working with tag helpers that use asp-for.

Can we get an update on this please?  Can you at least get the documentation improved to reflect this, perhaps in the "Getting Started" section.

Thanks,

Rob.

[Muthukumar Kannan]

Hi Robert, 

Sorry for the inconvenience caused. 

We have completed this support for ‘Auto ID generation for our Form components based on ‘ejs-for’ attribute’ and currently, ensuring this against our Components. However, it will be available in live from our upcoming weekly patch release which is scheduled on April 13^th, 2021 without further delay. Until then we appreciate your patience. 

Please let us know if you have any queries.  

Regards, 

Muthukumar K 

[Muthukumar Kannan]

Hi Robert / Daniel, 

Thanks for your patience. 

We want to let you know that our weekly patch for this week has been released today with the support for your reported query “Auto ID generation for our Form components based on ‘ejs-for’ attribute” and included in this release and available in live. So, could you please check your reported query with this latest package once again and ensure it? 

Package: https://www.nuget.org/packages/Syncfusion.EJ2.AspNet.Core/19.1.0.56 

Release-notes: https://ej2.syncfusion.com/aspnetcore/documentation/release-notes/19.1.56/?type=new-features 

Please get back to us if you have any concerns. 

Regards, 

Muthukumar K 

[Robert Saddler]

Hi Muthukumar,

This works most of the time as expected but there is still a bug.  I have ejs-checkboxes output in a loop like so:

 @for (int i = 0; i < Model.CheckBoxList.Count; i++)

            {

               

                   

                        label="@Model.CheckBoxList[i].Label">  

               

            }   

When I now remove id="CheckBoxList_@(i)_Active" and allow the control to auto generate the id, the HTML is fine but there is now a javascript error being thrown:

constants.js:111 Uncaught DOMException: Failed to execute 'querySelector' on 'Document': '#CheckBoxList[0]_Active' is not a valid selector.

    at G (https://cdn.syncfusion.com/ej2/dist/ej2.min.js:10:9605)

    at t.appendTo (https://cdn.syncfusion.com/ej2/dist/ej2.min.js:10:606796)

As you can see, the queryselector code has a bug as it is is searching for #CheckBoxList[0]_Active rather than #CheckBoxList_0_Active.

Please advise.

Rob.

[Muthukumar Kannan]

Hi Robert, 

Sorry for the delay. 

Currently, we are checking your reported issue in specific case for facing issue while render the components using loop without ID and name attribute. However, we will update the further validation details and information on May 5^th, 2021. Until then we appreciate your patience. 

Please let us know if you have any concerns. 

Regards, 

Muthukumar K 

[Robert Saddler]

It is May 10th and still no reply?

[Muthukumar Kannan]

Hi Robert, 

We are sorry for the delay in getting back to you. 

Based on your provided information, we can reproduce your reported issue with for-loop while ‘for’ model binding from list collection and we have considered this as a bug with the provided support. We have logged the defect report for this issue and created the feedback at our end. The fix for this issue will be available and included in our 2^nd weekly patch release after the Volume 1 2021 SP1 release which is expected to be available on May 25^th, 2021. 

 

https://www.syncfusion.com/feedback/25281/script-error-throws-with-ejs-for-components-while-model-binding-value-from-list 

 

We will update you once released, and we appreciate your patience until then. 

Regards, 

Muthukumar K 

[Muthukumar Kannan]

Hi Robert, 

Sorry for the inconvenience caused. 

As we promised, we could not able to include the fix for issue with for-loop while ‘for’ model binding from list collection due to complexity we have faced. So, we need time check this and include this from our end. However, we will include this in our upcoming weekly patch release on June 1^st , 2021. Until then we appreciate your patience. 

Please get back to us if you have any concerns. 

Regards, 

Muthukumar K 

[Muthukumar Kannan]

Hi Robert,   

We deeply regret the inconvenience caused.  

Still, we are not able to include the fix for the issue “for-loop while ‘for’ model binding from list collection” due to complexity we have faced. Currently, we are working on this with prioritized and will include this in our upcoming weekly patch release on June 8th, 2021 without fail. Until then we appreciate your patience.   

Please get back to us if you have any concerns.   

Regards,  

Muthukumar K 

[Muthukumar Kannan]

Hi Robert, 

Thanks for your patience. 

Due to some unforeseen circumstances, we could not able to include the fix for the issue “for-loop while ‘for’ model binding from list collection” in the latest v19.1.0.67 weekly patch release. But we have fixed the issue and provide the custom package for your reported issue. Please find that packages from below and could you please ensure whether the reported issue was resolved or not? 

Package: https://www.syncfusion.com/downloads/support/directtrac/general/ze/CustomPatch-558160771 

 However, this fix will be included in our upcoming weekly patch release on June 15th, 2021. We will update you once the package is released. 

Please let us know if you have any concerns. 

Regards, 

Muthukumar K 

[Muthukumar Kannan]

Hi Robert,  

Thanks for your patience. 

We are glad to announce that our ASP.NET Core Weekly patch release (v19.1.0.69) has been rolled out successfully and in this release we have included the fix for “Script error throws with 'ejs-for' components while model binding value from list collection” issue. So kindly update your NuGet (Syncfusion.EJ2.AspNet.Core) to our latest version (19.1.0.69) to resolve the reported issue. 

Please find the Nuget package from below 

https://www.nuget.org/packages/Syncfusion.EJ2.AspNet.Core/ 

Release notes: https://ej2.syncfusion.com/aspnetcore/documentation/release-notes/19.1.69/?utm_source=nuget&utm_medium=listing#common 

Feedback: https://www.syncfusion.com/feedback/25281/script-error-throws-with-ejs-for-components-while-model-binding-value-from-list 

Note : In order to resolve the issue, you have to upgrade Syncfusion NuGet to 19.1.0.69. 

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, 

Muthukumar K 

[Robert Saddler]

The patch resolved the issue.  Many thanks.

[Muthukumar Kannan]

Hi Robert, 

Welcome…! 

We are glad that your issue has been resolved. Please get back to us if you need any other assistance. 

 

Regards, 

Muthukumar K