Telerik MVC Grid ClientTemplate 问题

Question

好的，我需要一些帮助。我查看了一些与我的问题相关的其他答案，但没有解决。

我正在尝试将动作图像添加到 Telerik MVC 客户端模板中的网格行。

我遇到的问题是我无法从客户端模板所在的列中获取 ID。

这是我的网格：

@(Html.Telerik().Grid<xxx.Business.Entities.EntityName>()
    .Name("StudentSearchResults")
    .Columns(columns =>
    {
        columns.Bound(o => o.SchoolStudentID);
        columns.Bound(o => o.FirstName);
        columns.Bound(o => o.LastName);
        columns.Bound(o => o.StudentID).ClientTemplate(
            @Html.ActionImage("SubmitDegree", new { studentID = "<#= StudentID #=>" }, "~/Content/Images/Icons/16/bullet_go.png", "Submit Degree").ToString()
            ).Title("")
            .Width(20);
    })
    .DataBinding(databinding => databinding
    .Ajax()
    .OperationMode(GridOperationMode.Client)
    .Select("AjaxBindAction", "ControllerName"))
    .Pageable()
    .Sortable()

)

我正在使用 HtmlHelperExtension 来构造 ActionImage：

public static MvcHtmlString ActionImage(this HtmlHelper html, string action, object routeValues, string imagePath, string alt)
    {
        var url = new UrlHelper(html.ViewContext.RequestContext);

        // build the <img> tag
        var imgBuilder = new TagBuilder("img");
        imgBuilder.MergeAttribute("src", url.Content(imagePath));
        imgBuilder.MergeAttribute("alt", alt);
        string imgHtml = imgBuilder.ToString(TagRenderMode.SelfClosing);

        // build the <a> tag
        var anchorBuilder = new TagBuilder("a");
        anchorBuilder.MergeAttribute("href", url.Action(action, routeValues));
        anchorBuilder.InnerHtml = imgHtml; // include the <img> tag inside
        string anchorHtml = anchorBuilder.ToString(TagRenderMode.Normal);

        return MvcHtmlString.Create(anchorHtml);
    }

我还尝试设置服务器端模板，然后设置客户端模板.. 发布 here

@(Html.Telerik().Grid<AIPortal.Business.Entities.EntityName>()
    .Name("StudentSearchResults")
    .Columns(columns =>
    {
        columns.Bound(o => o.SchoolStudentID);
        columns.Bound(o => o.FirstName);
        columns.Bound(o => o.LastName);
        columns.Bound(o => o.StudentID).Template(t => {
                    @Html.ActionImage("SubmitDegree", new { studentID = t.StudentID }, "~/Content/Images/Icons/16/bullet_go.png", "Submit Degree");
                     })
                     .ClientTemplate(
                     @Html.ActionImage("SubmitDegree", new { studentID = "<#= EntityName.StudentID #>" }, "~/Content/Images/Icons/16/bullet_go.png", "Submit Degree").ToString())
            .Title("")
            .Width(20);
    })
    .DataBinding(databinding => databinding
    .Ajax()
    .OperationMode(GridOperationMode.Client)
    .Select("AjaxBindAction", "DegreeCompletion"))
    .Pageable()
    .Sortable()

)

认为在客户端模板中的服务器上运行的 @Html.ActionImage 可能存在问题？

我能够对 StudentID 进行硬编码，一切正常。唯一的问题是在尝试访问客户端模板所针对的 StudentID 时。

有人可以指出正确的方向，让我将此 ID 放入我的客户模板中吗？

谢谢！！

Answer 1

这是我想出的解决方案。无法在客户端模板中使用@Html.ActionImage 方法。

@(Html.Telerik().Grid<xxx.Business.Entities.EntityName>()
    .Name("StudentSearchResults")
    .Columns(columns =>
    {
        columns.Bound(o => o.SchoolStudentID);
        columns.Bound(o => o.FirstName);
        columns.Bound(o => o.LastName);
        columns.Bound(o => o.StudentID).ClientTemplate(
                     "<a href=\"/DegreeCompletion/SubmitDegree?studentID=<#= StudentID #>\"><img alt=\"Submit Degree\" src=\"/Content/Images/Icons/16/bullet_go.png\"></a>")
            .Title("")
            .Width(20);
    })
    .DataBinding(databinding => databinding
    .Ajax()
    .OperationMode(GridOperationMode.Client)
    .Select("AjaxBindMethod", "DegreeCompletion"))
    .Pageable()
    .Sortable()

)