Unable to get the column value rendered in the actionlink

[Rohit Shinde]

Hi,

I am unable to get the Category value rendered in the actionlink.

Here is how I am attempting it:

<div id="ControlRegion" style="max-width: 898px;">

    @Html.EJS().Grid("FlatGrid2").Width(805).GridLines(Syncfusion.EJ2.Grids.GridLine.Both).DataSource(ds => ds.Url(@Url.Action("UrlDatasource2", "Budget")).Adaptor("UrlAdaptor")).AllowSorting().AllowFiltering().AllowResizing(true).Columns(col =>

{

    col.Field("Category").HeaderText("Category").HeaderTextAlign(Syncfusion.EJ2.Grids.TextAlign.Center).Template("#customSubCatLink").Add();

    col.Field("Status").AllowFiltering(false).AllowSorting(false).HeaderText("Status").Format("N2").Template("#progessTemplate").Add();

}).SelectionSettings(select => select.Type(Syncfusion.EJ2.Grids.SelectionType.Multiple)).QueryCellInfo("queryCellInfo").PageSettings(page => page.PageCount(2)).EditSettings(edit => { edit.AllowAdding(false).AllowEditing(false).AllowDeleting(false).Mode(Syncfusion.EJ2.Grids.EditMode.Dialog).ShowDeleteConfirmDialog(true); }).SortSettings(sort => sort.Columns(cols2)).FilterSettings(filter => { filter.Type(Syncfusion.EJ2.Grids.FilterType.Menu); }).Toolbar(new List<string>() { "Search" }).Render()

</div>

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

    @Html.ActionLink("${Category}", "Index", "SubcategoryBudget", new { subCatName = "${Category}" }, null)

</script>

And here it what gets rendered:
SubcategoryBudget?subCatName=%24%7BCategory%7D

Thanks,

S

[Madhu Sudhanan P]

Hi Rohit, 

Thanks for contacting Syncfusion support. 

Essential JS 2 components uses ES6 template engine and hence we cannot use Html helpers inside the column template as most of the time the placeholder values will be escaped/encoded by the html helpers. Hence to use action link inside the cell, please use hyper link as follows. 

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

    <a rel='nofollow' href='/SubcategoryBudget/Index/?subCatName=${Category}'>${Category}</a> 

</script> 

Regards, 

Madhu Sudhanan P 

[Rohit Shinde]

Hi Madhu,

Thank you so much for responding to my message. I have to say - Syncfusion's support is one of the best & promptest I have ever seen. You guys are one of the very best out there.

The solution you provided worked well for me. Thank you !! By any chance, do you happen to know if Syncfusion has a specification/documentation for ES6? IF so, can you please provide a link here.

Thanks a lot once again.

-Rohit

[Madhu Sudhanan P]

Hi Rohit, 

Thanks for the update. 

As we have upgraded our documentation server, the ES6 documentation for the latest release is not available yet. For now you can refer to the below link which refers to the Volume 3, 2018 release. 

https://ej2.syncfusion.com/16.3.21/documentation/grid/getting-started.html?lang=es6 

You can switch between TypeScript and ES6 using the dropdown list from the top right corner. 

Regards, 

Madhu Sudhanan P