adding an image to telerik data grid column

Question

I want to add an image to a data grid column, I am using telerik grid for this, however I get the following error, its on Line 51:

Compiler Error Message: CS1525: Invalid expression term ')'

Source Error:

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:     <%

Here is how I am trying to add an image to the column:

<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>

Tried this too:

<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>

Is there a reason you're using a client and server template? I think this demo is almost exactly what you want, just use your delete image instead: demos.telerik.com/aspnet-mvc/grid/templatesserverside — MisterIsaak
– MisterIsaak, Commented Oct 15, 2012 at 16:08
@Jisaak I tried the way suggested in demo you provided, still get the same error about invalid expression term ')'. I have updated my code above — user793468
– user793468, Commented Oct 16, 2012 at 22:57

Kirill Bestemyanov · Accepted Answer · 2012-10-17 10:02:40Z

1

Try to use this:

<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>

answered Oct 17, 2012 at 10:02

Kirill Bestemyanov

12k2 gold badges26 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

user793468 Over a year ago

I was still getting the error: Compiler Error Message: CS1525: Invalid expression term ')' Removing ";" from the last line does add another column with no heading, but still dont see the delete image.

Kirill Bestemyanov Over a year ago

Could you show what is html in client that is generated in this column with no heading?

user793468 Over a year ago

This is what I see: <TD class=t-last></TD>

user793468 Over a year ago

I got it to work this way: column.Template(o => { %> <img src="/Content/img/delete.png" alt="Delete" title="Delete")" /> <% }).Title("").ClientTemplate( "<img src=\"/Content/img/delete.png\" alt=\"Delete\" title=\"Delete\"/>") .Width(25).HtmlAttributes(new { style = "text-align: center;" }); }).Render(); And removing the "=" from first line

Collectives™ on Stack Overflow

adding an image to telerik data grid column

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related