0

JavaScript を使用して TitlePane のヘッダーにチェックボックスを追加したいと思います。これをチェックすると、TitlePane コンテンツのすべてのチェックボックスをチェックできるようになります。次のコードでチェックボックスを追加できました。

var cb = new dijit.form.CheckBox({name:"checkBox"}).placeAt(dijit.byId("someid").focusNode, "end");

ただし、チェックボックスをオンにすると、TitlePane の開閉アクションがアクティブになります。チェックボックスのアクションを TitlePane のアクションから分離する方法がわかりません。

Jeremiah の提案に基づいて、次のコードを使用しました。

var selectGrp1DNew = new dijit.form.CheckBox({
    id : "grp1DButtonNew",
    onClick: function(e){
        e.stopPropagation();

        //function to identify child checkboxes and turn then on/off
        chkGrp(this);
    }

    //group1D is the TitlePane id
}).placeAt(dijit.byId("group1D").focusNode, "end");

助けてください、サミール

4

2 に答える 2

0

チェックボックスのクリックイベントハンドラーでevent.stopPropagation（）を使用してみてください：http： //dojotoolkit.org/reference-guide/1.8/quickstart/events.html

更新 更新されたコードとコメントを見て、代わりにCheckBoxのonChangeイベントに接続することをお勧めします。

于 2013-01-22T13:37:36.653 に答える
0

TitlePaneヘッダーにはチェックボックスを含めることができます。このような： 

 var titlePane1 = new TitlePane({
        id: "titlePane1",
        title: "input type='checkbox'/>",
        content: "Collapse me!" ,
        open:false
    }, "titlePane1");
于 2013-09-21T19:31:20.597 に答える