无法触发Hummingbird Treeview子节点复选框

Question

我正在将 hummingbird-treeview.js 插件与超赞的v4.7.0一起使用。 我想使用复选框呈现分层树结构。 当我尝试触发复选框的根节点时，对应的子节点复选框无法立即触发。

示例插图（单击“根节点”复选框可以自动触发子节点复选框）。

当前外观：

我当前的代码是：

HTML

<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

正确，添加内容后进行初始化应该可以。 但是，最新版本的hummingbird-treeview.js现在提供了一种添加内容的方法，称为“ addNode”：https://github.com/hummingbird-dev/hummingbird-treeview