如何在 Telerik Grid 中为 ASP.NET MVC 绑定图像

Posted 2023-04-13

【中文标题】如何在 Telerik Grid 中为 ASP.NET MVC 绑定图像

【英文标题】：How to bind images in Telerik Grid for ASP.NET MVC

【发布时间】：2012-02-24 22:12:37

【问题描述】：

请告诉我如何将图像静态图像与 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)
    %>

【问题讨论】：

How to bind a Image column in MVC telerik Radgrid 的可能重复项

【参考方案1】：

这可以通过向您的集合中添加另一个模板列来实现：

使用 ASPX

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

使用剃刀

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

更新：如果您希望从模型中绑定图像，请参考以下示例：

columns.Template(c => 
%>
<img 
 
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

【讨论】：

嗨，尼克，感谢您的回复。

@ArunGupta 您在这个问题上需要更多帮助吗？

嘿尼克，感谢您的回复，但我仍然面临图像绑定问题，因为我正在使用局部视图并且我正在暂停当时在我的本地机器中的图像路径，它的thrwoing错误像无效的论点。您能否发布一个与 MVC ASPX 引擎的任何图像绑定的工作代码。

@ArunGupta 我添加了一个绑定示例。这是你要找的吗？

是的，这是我的要求，但是当我尝试这个时它不是绑定图像，它只是显示来自 viewModel 的列值。

【参考方案2】：

这样我们可以将图像与每一行绑定。 我们还可以为这些图像添加动作。

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