2014-06-05 20 views
8

Tôi muốn thêm siêu kết nối trong Lưới giao diện người dùng Kendo của tôi. từ nguồn dữ liệu tôi nhận được một URL trở lại và tôi chỉ muốn hiển thị nó như là một siêu liên kết. bên dưới là mã mẫu. Hãy gợi ý cho tôi cách đơn giản nhất để làm điều đó.Cột URL lưới giao diện người dùng Kendo

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

Các bạn đã cố gắng làm bất kỳ nghiên cứu hoặc thực hiện bất kỳ nỗ lực nào cả ? Nếu có, hãy bao gồm điều đó trong bài đăng của bạn. Mọi người sẽ muốn giúp bạn nếu bạn lần đầu tiên thể hiện một số nỗ lực. –

+1

Xin chào Rick, tôi đã cố gắng tìm kiếm và có một số bài viết để sử dụng mẫu nhưng không rõ cách sử dụng trong kịch bản của tôi khi tôi nhận dữ liệu từ một API Web và các cột trong mã thực tế của tôi đang sử dụng khởi tạo khai báo bằng dữ liệu- cột. – Piyush

Trả lời

13

Bạn có thể làm điều này với một mẫu:

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

Bạn có thể thử nó ra trên Kendo Dojo ở đây: http://trykendoui.telerik.com/aFAR

+0

Xin chào Rick, khi tôi đang chỉ định phần mẫu trong khởi tạo Declative trong "Dữ liệu-cột" lỗi ném của nó. Tôi có thể làm những gì mong muốn bằng cách sử dụng một

và tạo ra một mẫu mà hình thức TR với URL nhưng bây giờ vấn đề là việc thay thế hàng stying không được áp đặt. – Piyush

+0

Vui lòng cập nhật mã dojo kendo được liên kết trong câu trả lời của tôi để tôi có thể xem những gì đang diễn ra. –

+0

Đừng bận tâm. Id đã loại bỏ các công cụ khai báo và bạn mã làm việc cho tôi .... Cảm ơn một tấn cho sự giúp đỡ. – Piyush

Các vấn đề liên quan