We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Unable to get the column value rendered in the actionlink

Thread ID:

Created:

Updated:

Platform:

Replies:

141756 Jan 2,2019 10:10 PM UTC Jan 4,2019 06:33 AM UTC ASP.NET MVC - EJ 2 3
loading
Tags: Grid
Rohit Shinde
Asked On January 2, 2019 10:10 PM UTC

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 [Syncfusion]
Replied On January 3, 2019 06:38 AM UTC

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
Replied On January 3, 2019 02:28 PM UTC

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 [Syncfusion]
Replied On January 4, 2019 06:33 AM UTC

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. 


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

Regards, 
Madhu Sudhanan P 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon