未能触发蜂鸟树视图子节点复选框

Question

我正在使用hummingbird-treeview.js插件的字体-可怕的版本4.7.0。我想用复选框呈现层次树结构。当我试图触发复选框的根节点时，对应子节点复选框不能立即触发。

示例插图(单击根节点复选框可以自动触发子节点复选框)。

​

​

当前的样子

​

​

我目前的代码是：

<div id="treeview_container" class="hummingbird-treeview" style="height: 600px; overflow-y: scroll;">
    <ul id="treeview" class="hummingbird-base"></ul>
</div>

JS

//initializing
$("#treeview").hummingbird();

for(var i = 0; i < depth; i++) {

    var strContent = "<li><i class='fa fa-plus'></i> <label><input id='xnode-0' data-id='custom-0' type='checkbox' /> " + "node-"+ i;
    strContent += "</label><ul><li><label><input class='hummingbird-end-node' id='xnode-0-1' data-id='custom-0-1' type='checkbox'/> " + "node-"+ i + "-1";
    strContent += "</label></li></ul></li>";

    $("#treeview").append(strContent);
}

Answer 1

对，在添加内容之后初始化应该有效。然而，蜂鸟-treeview.js的最新版本现在提供了一种添加名为“addNode”的内容的方法：https://github.com/hummingbird-dev/hummingbird-treeview。