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

Question

我在kendo 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
  });
});