如何使劍道網格行完全超鏈接？

Question

我已經使我的劍道網格行可選，但谷歌搜索後，我找不到任何顯示我如何使該行超鏈接。我希望有人能夠點擊該行的任何地方並轉到提供的網址。我嘗試了行模板，並打破了我的網格。這是在asp.net MVC中完成的。

@(Html.Kendo().Grid<EmployeeMasterView>() 
       .Name("grid") 
       .Columns(columns => 
       { 
        columns.Bound(e => e.EmployeePicture).ClientTemplate("<img src='" + Url.Content("~/Content/img/#: EmployeePicture#") + "' height='50px' width='50px' />").Title("Picture").Width(100); 
        columns.Bound(e => e.FirstName).Width(120).ClientTemplate("<a href='" + Url.Action("Index", "Employees", new {E="#: EmployeeID#" }) + "' >#: FirstName#</a>"); 
        columns.Bound(e => e.LastName).Width(120); 
        columns.Bound(e => e.EmployeeID).Width(120); 
        columns.Bound(e => e.Email).Width(200); 
        columns.Bound(e => e.Department).Width(155); 
        columns.Bound(e => e.StrGender).Title("Gender").Hidden(true); 
        columns.Bound(e => e.BlnInactive).Title("Inactive").Hidden(true).ClientTemplate("<input type='checkbox' #= BlnInactive ? checked='checked' : '' # disabled='disabled'></input>"); 
       }) 
       .Sortable() 
       .Selectable() 
       .Scrollable() 
       .Groupable() 
       .ColumnMenu() 
       //.Pageable() 
       .Filterable() 
       .ClientDetailTemplateId("template") 
       .HtmlAttributes(new { style = "height:600px;" }) 
       .Reorderable(reorder => reorder.Columns(true)) 
       .Resizable(resize => resize.Columns(true)) 
       .DataSource(dataSource => dataSource 
        .Ajax() 
        // .PageSize(10) 
          .Read(read => read.Action("DetailTemplate_Employees", "Employees")) 

      ) 
       .Events(events => events.DataBound("dataBound")) 
     ) 

Answer 1

你可以辦理變更事件

.Events(events => events.Change("onChange").DataBound("onDataBound")) 

然後在改變事件的javascript，獲取選中行的DataItem的，找到URL並啓動它。

http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#events-change

Answer 2

您是使用該行的模板在正確的道路上。您應該能夠自定義http://demos.telerik.com/aspnet-mvc/grid/rowtemplate的示例以滿足您的需求。

如果您遇到問題，請發佈您的代碼，以便我們查看它。