1

我能够在引导树视图中显示我的内容，能够修改一些东西，即限制选择最多只有一个节点。通过使用下面的脏解决方案，

if(editId!='') {
                $($checkableTree).treeview('uncheckAll', { silent: true });
                $($checkableTree).treeview('checkNode', [ node.nodeId, { silent: true } ]);
}

问题 我想在编辑时预先检查一个节点，问题是我没有nodeId，我只有href记录信息。

请查看下面的屏幕截图。 在此处输入图像描述

我已将以下文档作为参考，但没有运气， https://www.jqueryscript.net/other/Dynamic-Tree-View-Plugin-jQuery-Bootstrap.html

如果有人知道如何做到这一点，请帮忙。

4

1 回答 1

1

好吧，我能够解决我的问题，

以下是解决方案，

<script>
if(editId!='') 
{   
            selectNodeById(editId); // this function to get the node Id to make checked
            checkvals = parseInt(document.getElementById('editid_node').value); 
            $($checkableTree).treeview('checkNode', [ checkvals, { silent: true } ]);
            $('#checkable-output').prepend('<p>' +checkvals + ' was checked</p><div style=""><input type="checkbox" name="arr[]" checked id="check_'+checkvals+'" value="'+node.href+'"></div>');

}

function selectNodeById(id)
{
    var treeViewObject = $('#treeview-checkable').data('treeview'),
    allCollapsedNodes = treeViewObject.getCollapsed(),
    allExpandedNodes = treeViewObject.getExpanded(),
    allNodes = allCollapsedNodes.concat(allExpandedNodes);
    for (var i = 0; i < allNodes.length; i++) {

        console.log(allNodes);
        if (allNodes[i].href != id) continue;
        document.getElementById('editid_node').value = allNodes[i].nodeId;
    }
}
</script>
  <html>  
  <input type="hidden" name="editid_node" id="editid_node" value="">
</html>

  • selectNodeById($editId) 从href获取nodeId，在我的例子中href是唯一的

  • 如果我分配了 nodeId，editid_node 是一个隐藏文件

  • checkvals = parseInt(document.getElementById('editid_node').value); 用于检查所需的节点。

于 2019-05-02T06:54:24.257 回答