Question

我想使用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");

请帮忙，萨米尔

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

titlepane标题中的复选框

2 个答案: