Как связать изображения в Telerik Grid для ASP.NET MVC - PullRequest
Новая
       9

Как связать изображения в Telerik Grid для ASP.NET MVC

0 голосов
/ 02 февраля 2012

Пожалуйста, дайте мне знать, как связать статическое изображение со всеми строками в Telerik Grid для 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)
    %>

Ответы [ 2 ]

1 голос
/ 02 февраля 2012

Это возможно, добавив еще один шаблонный столбец в вашу коллекцию:

Использование ASPX 

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

Использование бритвы 

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

ОБНОВЛЕНИЕ: Если вы хотите связать изображения с вашей моделью, обратитесь к следующему примеру: 

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

Или, если вы используете шаблоны клиентов, попробуйте следующее: 

.Columns(columns =>
{
columns.Bound(c => c.CustomerID)
.ClientTemplate("<img alt='<#= CustomerID #>' src='" 
+ Url.Content("~/") 
+ "<#= CustomerID #>.jpg' />")
.Title("Picture");
//omitted for brevity
}
0 голосов
/ 25 февраля 2012

Таким образом, мы можем связать изображение с каждой строкой.мы также можем добавить действие с этими изображениями. 

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