Kendo UI網格URL列

Question

我想在我的Kendo UI Grid中添加一個超鏈接。 從數據源我得到一個URL，我只想將其顯示為超鏈接。 下面是一個示例代碼。 請建議我最簡單的方法。

 <div id="testGrid" data-role="grid" data-bind="source: sampleData"
data-sortable="true"  data-resizable="true" />

$(document).ready(function(){
var sampleData = [
    { "Title": "The Code Project", "URL": "http://codeproject.com/","Developer":"Tom Hanks" },
    { "Title": "Kendo UI", "URL": "http://kendoui.com/" ,"Developer":"Tom Cruise"}
];
var ddatasource=  new kendo.data.DataSource.create(sampleData);
$("#testGrid").kendoGrid({
    dataSource: ddatasource,
    columns: [{ field: "Title", title: "Title Name"},
              { field: "URL", title: "URL :"}]
});
});

Answer 1

您可以使用模板執行此操作：

columns: [{ field: "Title", title: "Title Name"},
          { field: "URL", title: "URL :", template: '<a href="#=URL#">#=Title#</a>'}]

你可以在這里試試Kendo Dojo： http ： //trykendoui.telerik.com/aFAR