如果在kendo网格中图像字段为空，如何显示默认图像？

Question

如果图像字段为空，我想显示默认图像。这是我的图像字段代码。

{ field: "Photo",
title: "Photo",
template: '<img src="#= Photo #" alt="image" width="80px" height="80px" />',
width: 100
}

Answer 1

试试这个

{
    field: "Photo",
    title: "Photo",
    template: function(dataItem) {
        return kendo.template(
           '<img src="#= Photo #" alt="image" width="80px" height="80px" />'
        )({Photo: dataItem.Photo || 'http://path-to-image'});
    }
    width: 100
}

此dataItem.Proto || 'http://path-to-image'表示Photo是假的（null，false，0，''，undefined）使用默认路径

Example

Answer 2

简单！

{
    field: "Photo",
    title: "Photo",
    template: '<img src="#= Photo == null ? "http://exemple.com/pic.jpg" : Photo #" alt="image" width="80px" height="80px" />',
    width: 100
}