将图像添加到 Telerik 数据网格列答案

【问题标题】：adding an image to telerik data grid column将图像添加到 Telerik 数据网格列
【发布时间】：2012-10-12 21:01:01
【问题描述】：

我想将图像添加到数据网格列，我为此使用 Telerik 网格，但是我收到以下错误，它位于第 51 行：

编译器错误消息：CS1525：无效的表达式术语 ')'

来源错误：

Line 49:     column.Bound(o => o.HoursWorked).Title("Hours");
Line 50:     column.Template(o =>
Line 51:     {%>
Line 52:     <img src="/Content/img/delete.png" alt="Delete" title="Delete"/>
Line 53:     <%

这是我尝试将图像添加到列的方式：

<div>
<%=Html.CustomGridFor("Hours", "WorkHours", "HoursWorked", GridOptions.EnableSelecting, Model).Columns(column =>
   {
     column.Bound(o => o.DateWorked).Title("Date").Width("65px");
     column.Bound(o => o.Description).Title("Description").Width("120px");
     column.Bound(o => o.HoursWorked).Title("Hours");
     column.Template(o =>
     {%>
     <img src="/Content/img/delete.png" alt="Delete" title="Delete" onclick="javascript:deleteHours();" />
     <%
     }).Title("").ClientTemplate(
     "<img src=\"/Content/img/delete.png\" alt=\"Delete\" title=\"Delete\"/>"
     ).Width(15);
     }).HtmlAttributes(new { style = "width: 270px;" });
     %>
</div>

也试过了：

<div>
<%=Html.CustomGridFor("Hours", "WorkHours", "HoursWorked", GridOptions.EnableSelecting, Model).Columns(column =>
   {
     column.Bound(o => o.DateWorked).Title("Date").Width("65px");
     column.Bound(o => o.Description).Title("Description").Width("120px");
     column.Bound(o => o.HoursWorked).Title("Hours");

        column.Template(o =>
        {
        %>
            <img 
                alt="Delete" 
                src="/Content/img/delete.png" 
              />
        <%
        });

</div>

【问题讨论】：

您使用客户端和服务器模板是否有原因？我认为这个演示几乎正是您想要的，只需使用您的删除图像即可：demos.telerik.com/aspnet-mvc/grid/templatesserverside
@Jisaak 我尝试了你提供的演示中建议的方式，仍然得到关于无效表达式术语'）'的相同错误。我已经更新了上面的代码

标签： asp.net-mvc telerik-grid telerik-mvc

【解决方案1】：

尝试使用这个：

<div>
<%=Html.CustomGridFor("Hours", "WorkHours", "HoursWorked", GridOptions.EnableSelecting, Model).Columns(column =>
        {
           column.Bound(o => o.DateWorked).Title("Date").Width("65px");
           column.Bound(o => o.Description).Title("Description").Width("120px");
           column.Bound(o => o.HoursWorked).Title("Hours");
           column.Template(o => string.Empty).Title("")
                 .ClientTemplate(
                      "<img src=\"/Content/img/delete.png\" alt=\"Delete\" title=\"Delete\"/>")
                 .Width(15);
        }).HtmlAttributes(new { style = "width: 270px;" });
%>
</div>

【讨论】：

我仍然收到错误：编译器错误消息：CS1525：无效的表达式术语'）'删除“;”从最后一行确实添加了另一列没有标题，但仍然看不到删除图像。
您能在客户端显示在此列中生成的没有标题的 html 是什么吗？
这是我看到的：
我让它这样工作： column.Template(o => { %>