ClientTemplate and HTML.ActionLink

[markg]

Hi,

I'm trying to use HTML.ActionLink in ClientTemplate, and I fail to pass arguments into ActionLink.

new { path = "<#= DataPath #>" } - doesn't work.
Any ideas how to "inject" the value into route values?

@(Html.Kendo().Grid<Admin.Models.FileToken>().Name( "mygrid" )

                .Columns( columns => {

                    columns.Bound( f => f.Title ).Width( "70%" );

                    columns.Bound( f => f.Size ).Width( "20%" ).Format( "{0:N2}MB" );

                    columns.Bound( f => f.DataPath ).Width( "10%" )

                    // Doesn't work

                    .ClientTemplate(Html.ActionLink( "Run", "ProcessFile", new { path = "<#= DataPath #>" } ).ToHtmlString() );

                } )

                .DataSource( source => source

                    .Ajax()

                    .Model( model => model.Id( key => key.DataPath ) )

                    .Read( reader => reader.Action( "GetDataFileTokens", "Dashboard" ) )

                )

        )

[Damian]

I actually came across your question while looking for an answer to this exact issue. The problem was that the RouteValues object was escaping the string before it could be injected by the Grid. So after some thought I came up with this.

columns.Bound(m => m.Name).ClientTemplate(Html.ActionLink("#=Name#", "Edit", new { Id = "id" }).ToHtmlString().Replace("id", "#=Id#"));

The Replace function doesn't escape the string, and it all works nicely. There may be a better way to do it, but that's just what I came up with after about 10 minutes of head scratching.

[Ragan]

Damian !

You saved my life, I was able to fix my problem and now I get my actionLink they way I wanted.

Since my grid is using Ajax, my final code looks like this:

columns.Bound(m => m.ClientPayeeCodeId)
                    .Template(cp =>
                        Html.ActionLink("Details", "Details", new { id = cp.ClientPayeeCodeId })
                    )
                    .ClientTemplate(Html.ActionLink("Details", "Details", new { Id = "id" }).ToHtmlString().Replace("id", "#=ClientPayeeCodeId#"));

[Venkata]

I am using below code to make an link Grid column to call an action , I couldn't able to see column  data as link 

columns.Bound(m => m.Project).Template(cp => Html.ActionLink("#=ProjectTitle#", "AddProject", "Header", new { Id = Model.Id, Id1 = cp.Id1 }))
                    .ClientTemplate(Html.ActionLink("AddProject", "Header", new { Id= "Id", Id1= "Id1" }).ToHtmlString().Replace("Id","#=Id#").Replace("Id1", "#=Id1#"));

[Alex Hajigeorgieva]

Hello, Damian,

Thank you for sharing this approach with the Kendo UI community.

This is actually one of the frequently asked questions at:

https://docs.telerik.com/aspnet-mvc/helpers/grid/faq#how-to-use-action-links

Kind Regards,
Alex Hajigeorgieva
Progress Telerik