Widgets in dojo dgrid

Question

Unsere Firma wechselte von dojox/DataGrid zu dgrid einige Zeit zurück. Jetzt stellen wir fest, dgrid scheint dijit/dojox widgets nicht von der Box zu unterstützen.

dojox/DataGrid hat eine formatter(), die ein Widget zurückgeben kann. So einfach ist es dort zu doofen! Die API comparison on GitHub sagt

„D-Grid-Formatierungsfunktionen unterstützt, unterstützt aber nicht ein Widget Rückkehr von ihnen auch renderCell hat .dgrid, die return ein DOM-Knoten erwartet wird. Dies könnte angeblich für Anzeigen verwendet werden, Widgets (und das Editor-Spalten-Plugin tut genau dies). Beachten Sie, dass für die Bearbeitung von Zellen, Verwendung der Editor-Spalte Plugin ist sehr ermutigt. "

Wie genau?

Ich habe versucht, das Editor-Plugin mit {editor: ' ', editorArgs:' '} zu verwenden. Dies macht ein Widget aber ist zu restriktiv. ZB Wie rende ich eine dijit/Button mit seiner Bezeichnung der Wert der Zelle? Oder etwas komplizierter, wie verwende ich eine (weniger bekannte) dojox/image/MagnifierLite mit einer generiert von einer Formatierungsfunktion mit der src ist der Wert des Geschäfts?

Answer 1

können Sie diesen Beispielcode

require(
    [ 
     "dgrid/List", 
     "dgrid/OnDemandGrid", 
     "dgrid/Selection", 
     "dgrid/editor", 
     "dgrid/Keyboard", 
     "dgrid/tree", 
     "dojo/_base/declare", 
     "dojo/store/JsonRest", 
     "dojo/store/Observable", 
     "dojo/store/Cache", 
     "dojo/store/Memory", 
     "dijit/form/Button", 
     "dojo/domReady!" 
    ], 

    function(
     List, 
     Grid, 
     Selection, 
     editor, 
     Keyboard, 
     tree, 
     declare, 
     JsonRest, 
     Observable, 
     Cache, 
     Memory, 
     Button 
    ) { 

     var columns = [ 
      { 
       label:"Actions", 
       field:"id", 
       width: "200px", 
       renderCell: actionRenderCell 
      } 
     ]; 

     var actionRenderCell = function (object, data, cell) { 

      var btnDelete = new Button({ 
       rowId : object.id, 
       label: "Delete", 
       onClick: function() { 
        myStore.remove(this.rowId); 
       } 
      }, cell.appendChild(document.createElement("div"))); 

      btnDelete._destroyOnRemove = true; 

      return btnDelete; 

     } 

     grid = new (declare([Grid, Selection, Keyboard]))({ 
      store: myStore, 
      getBeforePut: false, 
      columns: columns 
     }, "grid"); 

}