我想在我的 Kendo UI 网格中添加一个超链接。从数据源我得到一个 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: "Title Name"},
{ field: "URL", title: "URL :", template: '<a href="#=URL#">#=Title#</a>'}]
您可以在剑道道场尝试一下:http://trykendoui.telerik.com/aFAR
关于jquery - Kendo UI 网格 URL 列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24064165/