javascript - 节点中的 jstree 输入元素没有焦点

Question

我有这个代码:

<div id="tree">
    <ul>
        <li>
            ind impianto 1
            <ul>
                <li>
                    <input id="crea1" name="crea1" type="text" placeholder="anno">
                    <button onClick="creaquestionario(1)">crea</button>
                </li>
            </ul>
        </li>
    </ul>
</div>

树的声明是:

$("#tree").jstree({
    edit: true
});

当我打开节点时，输入焦点不起作用，我必须按住鼠标，然后写入值。

Answer 1

使用jsTree首先创建一个节点，然后编辑它:

var parentNodeId = '#root';
var node = $('#tree').jstree().create_node(parentNodeId, 'New node');
$('#tree').jstree().edit(node);

要编辑选定的节点，请使用:

var nodeToEdit = $('#tree').jstree().get_selected();
$('#tree').jstree().edit(nodeToEdit);

在你的html中:

<ul>
    <li id="root">ind impianto 1</li>
</ul>

查看演示 - Fiddle