kendo-ui - 剣道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
  });
});