在kendo网格中显示条件图像

时间:2016-05-03 13:56:18

标签: javascript asp.net-mvc kendo-grid

我有一个显示一些数据的Kendo网格。 现在我想添加一个图像列。

我试过这样:

@(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;
        }

图像存在但不显示。 我错过了什么?我没看到什么?

1 个答案:

答案 0 :(得分:1)

上传图片时出现问题。 这就是它没有显示的原因。 愚蠢我没有检查。