如何使用set_id重命名jstree中的node_id？

Question

這是我的重命名功能，沒有我嘗試過的選項，我知道，set_id是使用的功能，但如何？

 $('#jstree').on('rename_node.jstree', function (node,obj) {

    var node_id = "calculated"// calculate node_id
    // tried the following 3 options ..
   ....

     $('#jstree').jstree(true).set_id(obj,node_id); //not working

     obj.instance.set_id(this,node_id)// not working either
     obj.instance.set_id(obj,node_id)//nope..

那么如何在jstree中設置node_id呢？

Answer 1

我查看了API http://www.jstree.com/api/#/?q=rename&f=rename_node.jstree ，我認為你必須使用obj.node。

$('#jstree').jstree(true).set_id(obj.node,node_id);

obj.text應包含節點的新名稱， obj.old節點的舊名。

Answer 2

您調用node的第一個參數實際上是event對象

創建節點然后更新其自動生成的id的示例

$('#jstree').on('create_node.jstree', function (e, obj) {
    #...
    $(this).jstree(true).set_id(obj.node, 42);
}

Answer 3

在你的on。（）函數中嘗試以下內容：

 $(this).attr("id", node_id);

Answer 4

只需在您用於創建節點的元素上設置屬性ID。

<div id="jstree">
<ul>
    @foreach($feelings as $feeling)
        <li id="{{{$feeling->id}}}">{{{$feeling->name}}}
            <ul>
                @foreach($feeling->children as $feeling_children)
                    <li id="{{{$feeling_children->id}}}">{{{$feeling_children->name}}}
                        <ul>
                            @foreach($feeling_children->children as $feeling_children2)
                                <li id="{{{$feeling_children2->id}}}">{{{$feeling_children2->name}}}
                                    <ul>
                                        @foreach($feeling_children2->children as $feeling_children3)
                                        <li id="{{{$feeling_children3->id}}}">{{{$feeling_children3->name}}}
                                            <ul>
                                                @foreach($feeling_children3->children as $feeling_children4)
                                                <li id="{{{$feeling_children4->id}}}"> {{{$feeling_children4->name}}}</li>
                                                @endforeach
                                            </ul>
                                        </li>
                                        @endforeach
                                    </ul>
                                </li>
                            @endforeach
                        </ul>
                    </li>
                @endforeach
            </ul>
        </li>
    @endforeach
</ul>