Implementieren eines Hyperlinks in einem Dojo-Datagrid

Question

Dies ist das erste Mal arbeiten mit Datagrids, also bitte vergeben Sie alles, was unklar ist.

Ich habe JSON-Text, der in einem Dojo-Datagrid (dojox.grid.DataGrid) implementiert wird.

var jsonStore = new dojo.data.ItemFileWriteStore({ url: "xAgent.xsp"}); 
    var layout = [ 
    {cells:[ [ 
     {field:'firstname', name:'First'}, 
     {field:'lastname', name:'Last'}, 
     {field:'policy', name:'Policy'}, 
     {field:'lastaccessed', name:'Last Accessed'} 
     ] ], noscroll:false 
    } 
    ]; 

    grid = new dojox.grid.DataGrid({ 
    store: jsonStore, 
    structure: layout, 
    rowsPerPage: 50, 
    autoHeight: 50 
    }, '#{id:gridNode}'); 
grid.startup(); 

Das Gitter selbst erstellt wird völlig in Ordnung und alle Daten wie gewünscht angezeigt, aber ich würde für eines der Felder auf einer anderen Seite zu verbinden (das ‚Politik‘ Feld um genau zu sein) mag. Ich muss die Informationen in das Feld "policy" einfügen, wenn ich umadressiere, da die Policy-Nummer auf der nächsten Seite verwendet wird.

Mit anderen Worten, ich möchte, dass alle Richtlinienfelder innerhalb meiner Tabelle ihren eigenen eindeutigen externen Link haben, der die Policy-Nummer aus dem entsprechenden Feld enthalten wird. Der einfachste Weg, den ich mir vorstellen kann, ist, die Layout-Variable zu ändern, die in den Strukturparameter des DataGrids einfließt, aber es könnte einen einfacheren Weg geben. Wenn jemand irgendwelche Ideen hat, wäre ich sehr dankbar.

Vielen Dank im Voraus.

Answer 1

Sie können Formatierer verwenden, um Verknüpfungen, Dojo-Schaltflächen usw. innerhalb des Rasters zu erstellen.

Formatierer ist eine JavaScript-Funktion, die aufgerufen wird, die den Wert zurückgibt, der in der Zelle angezeigt werden soll. Der Wert aus dem Datenspeicher wird als Parameter an die Funktion übergeben. Der zurückgegebene Wert, der in die Seite eingefügt wird, kann ein beliebiges legales HTML oder sogar ein Dijit-Widget sein.

Also in Ihrem Fall

{field:'policy', name:'Policy', formatter: createLink}, 

definieren eine Formatierer Politik Spalte Dann fügen Sie die Funktion mit der notwendigen externen Link. Zum Beispiel:

function createLink(data){ 
    return ("<a href=policyinfo.jsp?policy="+data+">"+data+"</a>"); 
} 

Referenz: http://dojotoolkit.org/reference-guide/1.10/dojox/grid/DataGrid.html#id3