请告诉我如何将图像静态图像与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)
%>
答案 0 :(得分:1)
可以通过向集合中添加另一个模板化列来实现:
使用ASPX
columns.Template(c => {
%><img alt="Static Image Alt Text" src="<%= Url.Content("~/myImage.jpg") %>"
/><%
}).Title("Static Image");
使用Razor
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
}
答案 1 :(得分:0)
这样我们就可以将图像与每一行绑定。 我们还可以使用这些图像添加Action。
columns.Command(commands => commands.Custom("View").ButtonType(GridButtonType.BareImage)