如何重命名 jsTree 节点

Question

我不是在谈论$("#demo1").jstree("rename",node)，它使用户可以编辑节点。我说的是在代码中更改的名称。例如，我的节点都以 2 位数字“[01]”为前缀，因此在调用 $("#demo1").jstree("rename",node) 之前，我想去掉前缀，并在用户完成编辑后将其放回原处。我尝试选择“#nodeid a”，但在超链接中有一个 ins 标签，如果我替换 URL 内容，它会被替换。该文档没有帮助，而且我在查看库代码时运气不佳，有什么可以帮助我的吗？克里斯

Answer 1

推荐方法是使用rename_node

$("#demo1").jstree('rename_node', node , text );

Please keep in mind 默认情况下对树的所有修改都是 阻止（创建、重命名、移动、删除）。启用它们设置 core.check_callback 为真

$('#demo1').jstree({
    'core': {
        'check_callback': true,
        /// rest of the options...
    }
});

重命名您的节点（替代方法，不推荐）

$("#demo1").jstree('set_text', node , text );

调试

如果还是遇到问题，可以用这个方法获取最后一个错误。

$('#demo1').jstree(true).last_error()

对于旧版本 (v1.*)

$("#demo1").jstree('rename_node', [node , text] ); 
$("#demo1").jstree('set_text', [node , text] ); 

另请参阅：

• this jsfiddle 用于两种方法的比较和示例。
• Interaction with jsTree（如何调用API方法）
• rename_node 的 API 文档
• set_text 的 API 文档

Answer 2

我认为上述答案中的方括号“[”存在语法错误。我使用 jsTree 3.0.4，这是正确的语法 -

right -    $("#demo1").jstree('set_text',node,text);
wrong -    $("#demo1").jstree('rename_node', [node , text] );    

Example - 
$("#tree_3").jstree('set_text',"#idSelectorForNode" ,"NewName");

Answer 3

您应该打开开关以允许重命名操作，例如：

$('#container').jstree({
    'core' : {
        'check_callback' : function (operation, node, node_parent, node_position, more) {
            // operation can be 'create_node', 'rename_node', 'delete_node', 'move_node' or 'copy_node'
            // in case of 'rename_node' node_position is filled with the new node name
            return operation === 'rename_node' ? true : false;
        }

});

Answer 4

您可以使用它通过jstree refresh 更新节点文本：

$("#demo1").jstree(true).rename_node(node , "Renamed_Text");