How to bind images in Telerik Grid for ASP.NET MVC

Question

Please let me know how to bind a image static image with all rows in Telerik Grid for ASP.NET MVC.

 <%= Html.Telerik().Grid(Model.SearchResponse)
               .Name("SearchGrid")
               .Columns(columns =>
                   {
                       //Here i need to bind a static image column//

                       columns.Bound(grid => grid.Name);
                       columns.Bound(grid => grid.CaseNumber);
                     })
                   .Pageable(true)
    %>

possible duplicate of How to bind a Image column in MVC telerik Radgrid — nemesv
– nemesv, Commented Feb 2, 2012 at 8:42

Nick · Accepted Answer · 2012-02-02 12:10:25Z

1

This is possible by adding another templated column to your collection:

Using ASPX

columns.Template(c => { 
%><img alt="Static Image Alt Text" src="<%= Url.Content("~/myImage.jpg") %>" 
/><% 
}).Title("Static Image");

Using Razor

columns.Template(
   @<text>
     <img alt="Static Image Alt Text" src="@Url.Content("~/myImage.jpg") " />
  </text>
).Title("Static Image");

UPDATE: If you wish to bind images from your model, please refer to the following example:

columns.Template(c => {
%>
<img 
alt="<%= c.CustomerID %>" 
src="<%= Url.Content("~/" + c.CustomerID + ".jpg") %>" 
/>
<%
});

Or if you're using client templates, try the following:

.Columns(columns =>
{
columns.Bound(c => c.CustomerID)
.ClientTemplate("<img alt='<#= CustomerID #>' src='" 
+ Url.Content("~/") 
+ "<#= CustomerID #>.jpg' />")
.Title("Picture");
//omitted for brevity
}

edited Feb 2, 2012 at 12:10

answered Feb 2, 2012 at 9:13

Nick

5,89211 gold badges54 silver badges99 bronze badges

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

8 Comments

Nick Over a year ago

@ArunGupta Do you need any more help with this question?

LovingMVC Over a year ago

Hey Nick, Thanks for your reply, but still i am facing issue with image binding, since i am using partial view and i am paasing image path which is in my local machine that time, its thrwoing error like invalid arguments. could you please post a working code which has bind with any image for MVC ASPX engine.

Nick Over a year ago

@ArunGupta I have added an example with bindings. Is this what you are looking for?

LovingMVC Over a year ago

yes this is my requirement, but when i am trying this its not bind image, its just displaying column value which is coming from viewModel.

Nick Over a year ago

I added a sample for implementing this using client templates. Try this. You mentioned you wanted a 'static' image, which is why I provided the first few samples.

|

LovingMVC · Accepted Answer · 2012-02-25 18:37:25Z

0

This way we can bind image with every row. we can also add Action with these images.

columns.Command(commands => commands.Custom("View").ButtonType(GridButtonType.BareImage)

answered Feb 25, 2012 at 18:37

LovingMVC

3353 gold badges5 silver badges15 bronze badges

Collectives™ on Stack Overflow

How to bind images in Telerik Grid for ASP.NET MVC

2 Answers 2

8 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related