我想在我的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 :"}]
});
});
解决方法
您可以使用模板执行此操作：
columns: [{ field: "Title",title: "URL :",template: '<a href="#=URL#">#=Title#</a>'}]
你可以在这里尝试一下剑道道场：http://trykendoui.telerik.com/aFAR
