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