2014-06-05 12 views
8

Desidero aggiungere un collegamento ipertestuale nella mia griglia dell'interfaccia utente di Kendo. dall'origine dati sto recuperando un URL e voglio solo visualizzarlo come collegamento ipertestuale. di seguito è riportato un codice di esempio. Per favore suggeriscimi il modo più semplice per farlo.Colonna URL UI Kendo Colonna

<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

Hai provato a fare qualsiasi ricerca o fare qualsiasi tentativo di tutti ? Se è così, includilo nel tuo post. Le persone vorranno aiutarti se prima mostrassi qualche sforzo. –

+1

Ciao Rick, ho provato a cercare e ottenere alcuni articoli per l'utilizzo del modello, ma non è chiaro come utilizzare nel mio scenario mentre sto ottenendo i dati da un'API Web e le colonne nel mio codice effettivo utilizzano l'inizializzazione dichiarativa utilizzando dati- colonne. – Piyush

risposta

13

È possibile farlo con un modello:

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

si può provare sul Kendo Dojo qui: http://trykendoui.telerik.com/aFAR

+0

Ciao Rick, quando sto specificando la sezione del modello in Inizializzazione decrativa in "Colonne dati" il suo errore di lancio. Sono in grado di fare ciò che si desidera usando uno

e creare un modello che formi il TR con l'URL, ma ora il problema è che la riga alternata che stying non viene imposta. – Piyush

+0

Si prega di aggiornare il codice kendo dojo collegato nella mia risposta in modo da poter vedere cosa sta succedendo. –

+0

Non importa. Mi sono liberato delle cose dichiarative e il tuo codice ha funzionato per me ... Grazie mille per l'aiuto. – Piyush