【发布时间】:2016-05-03 13:56:18
【问题描述】:
我有一个显示一些数据的剑道网格。 现在我想添加一个图像列。
我试过这样:
@(Html.Kendo().Grid<TegelCheckerModel>()
.Name("Grid")
.Columns(columns =>
{
columns.Bound(p => p.IsTegelZichtbaar).ClientTemplate("#= getImage(data)#");
})
.AutoBind(true)
.Pageable()
.Sortable()
.Filterable()
.DataSource(dataSource => dataSource
.Ajax() //Or .Server()
.Read(read => read.Action("GetTegels", "TegelChecker")
.Data("getAlvNummerAndVoorWie"))
)
)
然后在 js 中我执行以下操作:
function getImage(data) {
var html;
if (data.IsTegelZichtbaar) {
html = "<img src='~/Images/valid.jpg' />";
}
else{
html = "<img src='~/Images/notvalid.jpg' />";
}
return html;
}
图像存在但不显示。 我错过了什么?我没看到什么?
【问题讨论】:
-
您是否尝试在 getImage 函数中添加 alerts() 以确保您找到正确的位置?确保你也设置了高度和宽度]
-
图像得到 html 编码
-
@JamieD77:我正在使用 getImage 函数,所以这不是问题
-
@JamieD77 :设置大小也没有帮助。
-
你可以试试这个而不是调用函数:
columns.Bound(p => p.IsTegelZichtbaar).ClientTemplate("#if(IsTegelZichtbaar){# <img src='~/Images/valid.jpg' /> #}else{# <img src='~/Images/notvalid.jpg' /> #}#");
标签: javascript asp.net-mvc kendo-grid