【问题标题】:Display conditional image in kendo grid在剑道网格中显示条件图像
【发布时间】: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 =&gt; p.IsTegelZichtbaar).ClientTemplate("#if(IsTegelZichtbaar){# &lt;img src='~/Images/valid.jpg' /&gt; #}else{# &lt;img src='~/Images/notvalid.jpg' /&gt; #}#");

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


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 2013-04-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-06-12
    • 1970-01-01
    • 2012-11-10
    • 2015-03-01
    相关资源
    最近更新 更多