javascript - 标题窗格标题中的复选框

Question

我想使用 JavaScript 在 TitlePane 的标题中添加一个复选框，选中后将能够选中 TitlePane 内容中的所有复选框。我设法通过以下代码添加了复选框：

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

但是，将复选框标记为选中会激活 TitlePane 的打开/关闭操作。不知道如何将复选框的操作与 TitlePane 的操作分开。

根据耶利米的建议，我使用了以下代码：

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

请帮忙，萨米尔

Answer 1

尝试在复选框的单击事件处理程序中使用 event.stopPropagation()：http: //dojotoolkit.org/reference-guide/1.8/quickstart/events.html

更新 查看您更新的代码和评论，我建议改为连接到 CheckBox 的 onChange 事件。

Answer 2

TitlePane标题可以包含一个复选框。像这样：

 var titlePane1 = new TitlePane({
        id: "titlePane1",
        title: "input type='checkbox'/>",
        content: "Collapse me!" ,
        open:false
    }, "titlePane1");