jquery Kendo UI-Gitter URL-Spalte



kendo ui demo (1)

Sie können dies mit einer Vorlage tun:

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

Sie können es auf dem Kendo Dojo hier ausprobieren: http://trykendoui.telerik.com/aFAR

Ich möchte einen Hyperlink in meinem Kendo UI Grid hinzufügen. Von der Datenquelle bekomme ich eine URL zurück und möchte sie nur als Hyperlink anzeigen. Unten ist ein Beispielcode. Bitte schlage mir den einfachsten Weg vor, dies zu tun.

 <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 :"}]
});
});




kendo-asp.net-mvc