डोजो ड्रिग के अंदर विजेट

Question

हमारी कंपनी कुछ समय पहले dojox/DataGrid से dgrid पर चली गई। अब हम पता लगा रहे हैं, dgrid बॉक्स से बाहर डिजिट/डोजॉक्स विजेट का समर्थन नहीं कर रहा है।

dojox/DataGrid में formatter() है जो एक विजेट लौटा सकता है। वहां ऐसा करना इतना आसान है! API comparison on GitHub कहते

"dgrid फ़ॉर्मेटर कार्यों का समर्थन करता है, लेकिन एक विजेट उन्हें .dgrid भी renderCell, जो वापसी एक डोम नोड के लिए आशा की जाती है है से लौटने का समर्थन नहीं करता। यह जाहिरा तौर पर प्रदर्शित करने के लिए इस्तेमाल किया जा सकता विजेट (और संपादक कॉलम प्लगइन वास्तव में यह करता है)। ध्यान दें कि सेल संपादन उद्देश्यों के लिए , संपादक कॉलम प्लगइन का उपयोग अत्यधिक प्रोत्साहित किया गया है। "

वास्तव में कैसे?

मैंने {editor: ' ', editorArgs:' '} के साथ संपादक प्लगइन का उपयोग करने का प्रयास किया है। यह एक विजेट प्रस्तुत करता है लेकिन बहुत ही सीमित है। उदाहरण के लिए मैं अपने लेबल के सेल के मूल्य के साथ dijit/Button कैसे प्रस्तुत करूं? या कुछ और जटिल, मैं src स्टोर के मूल्य होने के साथ एक फॉर्मेटर फ़ंक्शन से उत्पन्न <img> के साथ dojox/image/MagnifierLite (कम ज्ञात) dojox/image/MagnifierLite का उपयोग कैसे करूं?

Answer 1

आप इस नमूना कोड

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"); 

}