Dojoで作成中に閉じるボタンをdivに提供

Question

divを動的に作成しています。

var item = domConstruct.create("div", null, test); 
item.innerHTML = "New Div"; 

作成時に、「New Div」というラベルのあるdivが作成されています。私は、作成した後にdivを削除できるように、ユーザーがdivと閉じるボタンに名前を追加するようにします。 Image of div with edit and delete button

これについての助力は素晴らしいことです。テンプレートウィジェットなど、すべてのコントロールと、そのようなdiv要素を定義する私の視点から

おかげ クマール

Answer 1

は、より良いアプローチでしょう。 domConstructではなく、テンプレートウィジェットの新しいインスタンスを作成する必要があります。 ウィジェットの中に、あなたのdivを削除するために閉じるボタンにイベントを添付することができます。このように：

MyDiv.js

define([ 
    "dojo/_base/declare", 
    "dijit/_WidgetBase", 
    "dijit/_TemplatedMixin", 
    "dojo/text!MyDiv.html" 
], function (
    declare, 
    _WidgetBase, 
    _TemplatedMixin, 
    template 
) { 
    return declare("MyDiv", [_WidgetBase, _TemplatedMixin], { 
     templateString: template, 
     deleteDiv: function() { 
      //do some stuff 
      this.destroy(); //destroy widget and its dom node 

     } 
    }); 
}); 

MyDiv.htmlは次のようになります。ここでは

<div> 
    <span>Some text</span> 
    <span data-dojo-attach-event="click: deleteDiv">Close Me</span> 
</div> 

は、このトピックに道場のドキュメントにリンクされています _TemplatedMixin