javascript - kendo-ui:网格中带有三元运算符的自定义模板

Question

我正在尝试在 kendo-ui 中创建网格模板。它的格式是有条件的......如下:

数据集示例:

json: [{ "name" :"abc", "link":123 },{ "name" :"def", "link":null}...]

The template should be of the logic:

link === null ? <span>name</span> : <a target="_blank" href="http://mywebsite/name">#=name#</a>

即有条件地使超链接文本按原样显示("abc" 应显示超链接，而 "def" 不应显示超链接)。

我能够获得模板工作的无条件方式，始终将文本设置为超链接，如下所示:

var nameTemplate = '<a target="_blank" href="http://mywebsite/#=name#">#=name#</a>';

但无法使具有上述三元运算符逻辑的模板正常工作

想法？

谢谢

Answer 1

您可以使用template的功能选项:

columns: [
    "name",
    { 
      field: "link", 
      title: "link", 
      template: function(dataItem) {
        return dataItem.link === null ? "<span>" + dataItem.name + "</span>" : "<a href='http://mywebsite/" + dataItem.name + "'>" + dataItem.name + "</a>"
      }
    },
]

<强> DEMO