MVC Grid Column with ActionLink and sortable

[prashant]

I'm building a column using column template using the code below.

columns.Template(o =>{%><%= Html.ActionLink(o.ClaimsActivityId.ToString(), "Index", "ClaimActivityDetail", new { claimsActivityId = o.ClaimsActivityId.ToString() }, null)%><%
                                            }).Title("Ref #");

I'm able to build the ActionLink column successfully , but the column is loosing the sorting capability.
I need help with 2 things:

1) How to make the ActionLink column sortable.
2) How to add css to the column header and column data.

Thanks

[Rosen]

Hi Prashant,

In order a column to be sortable, a bound column should be used, which also have a templates capabilities.

You may use column's HtmlAttributes and HeaderHtmlAttributes properties to apply custom css. More information can be found here.

All the best,
Rosen
the Telerik team

[prashant]

Thanks for your reply Admin

 How can I make action Link column sortable, please provide a sample code.

<% Html.Telerik().Grid(Model)
       .Name("Orders")
       .Columns(columns =>
       {
          //Column which will display the OrderID property of the Order
          columns.Bound(o => o.OrderID);

          //Column which will display the OrderDate property. The header will display "Order"
          columns.Bound(o => o.OrderDate).Title("Order");

          //Template column which shows an action link
          columns.Template(o => 
          {
              %>
                  <%= Html.ActionLink("Edit", "Home", new { id = o.OrderID }) %>
              <%
          }).Title("Edit");
       })
       .Render();
%>

Thanks !!!

[Rosen]

Hi Prashant,

As I have mentioned in my previous message you should convert the Template column to a Bound one:

columns.Bound(o => o.OrderID).Template(o =>
{
    %>
        <%= Html.ActionLink("Edit", "Home", new { id = o.OrderID })%>
    <%
}).Title("Edit");

Greetings,
Rosen
the Telerik team