节点中的 JSTREE 输入元素没有焦点

jstree input element in a node don't have focus

本文关键字:焦点 元素 输入 JSTREE 节点      更新时间:2023-09-26

我有这个代码:

<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
});

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

使用 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>

检查演示 - 小提琴