kendo-ui - 在 kendo ui 网格列中显示超链接值

Question

我在剑道 ui 网格中动态创建了列。列中显示的数据可以是日期、字符串整数、超链接或任何其他类型。

列中的数据可以同时是整数/超链接。意味着对于特定记录，列中的数据可以是整数。对于下一条记录，同一列可以有一个超链接值。我已经创建了字段并将其添加到网格中。

我怎样才能做到这一点。

Answer 1

您始终可以针对您希望格式化的列的模板设置一个函数，并有条件地返回您想要显示的内容。

这可能看起来像这样：

var dataSource = new kendo.data.DataSource({
  data: [
    { Id:1, val: "value" },
    { Id:"http://google.com", val: "another value" }
  ]
});

$(function () {
  $("#grid").kendoGrid({
    columns: [
      {
        field: "Id",
        template: function (dataItem) {
          if (typeof dataItem.Id == "string") {
            return "<a href=\"" + dataItem.Id + "\">" + dataItem.Id + "</a>";
          } else {
            return dataItem.Id;
          }
        }
      }],
    dataSource: dataSource
  });
});