Отображать значение гиперссылки в столбце сетки 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 
    }); 
});