text/x-jsrender not working

[Gin]

Please take a look

@(Html.EJS().Grid("Grid").DataSource(ds => ds.Url(@Url.Action("KycDatasource", "Admin")).Adaptor("UrlAdaptor")).AllowSorting().Columns(col =>

                        {                                                                                                                    col.Field("Status").HeaderText("Status").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Center).Template("#statusTemplate").Width("80").Add();

                            col.HeaderText("Action").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Center).Template("#template").Width("150").Add();

                        }).Render())

Then my jsrender is:

<script id="template" type="text/x-jsrender">

    {{if Status == "Pending"}}

    <a class="badge badge-danger" rel='nofollow' href="/Admin/AcceptKyc/${NumberId}">Accept</a>

    {{/if}}

</script>

Result:

What did I do wrong?

[Madhu Sudhanan P]

Hi Nguyen, 

Thanks for contacting Syncfusion support. 

Essential JS 2 ASP.NET MVC controls uses ES6 like template syntax which is compiled and executed using Essential JS 2 Template engine.  

https://ej2.syncfusion.com/documentation/common/template-engine.html?lang=typescript 

https://ej2.syncfusion.com/documentation/common/template-engine.html?lang=typescript#available-template-syntax 

Now your will look like below to work properly. 

<script id="template" type="text/x-template"> 

    ${if(Status == "Pending")} 

    <a class="badge badge-danger" rel='nofollow' href="/Admin/AcceptKyc/${NumberId}">Accept</a> 

    ${/if} 

</script> 

Regards, 

Madhu Sudhanan P 

[Gin]

It's worked.

Thank so much.

Happy coding with Syncfusion :)

[Madhu Sudhanan P]

Hi Nguyen, 

Thanks for the update. Please get back to us if you require any assistance. 

Regards, 

Madhu Sudhanan P