如何使用jsTree构造要显示为树的HTML数据

如何使用jsTree构造要显示为树的HTML数据,html,jstree,html-lists,Html,Jstree,Html Lists,我是jsTree新手,我想从HTML页面中的and列表开始创建一个树。这是使用html_数据插件,我希望这是正确的方式 我想知道:用HTML编写将由jsTree转换为树的数据的正确方法是什么 建议如下: <li> <a href="some_value_here">Node title</a> <!-- UL node only needed for children - omit if there are no children --&

我是jsTree新手,我想从HTML页面中的and列表开始创建一个树。这是使用html_数据插件,我希望这是正确的方式

我想知道:用HTML编写将由jsTree转换为树的数据的正确方法是什么

建议如下:

<li>
    <a href="some_value_here">Node title</a>
    <!-- UL node only needed for children - omit if there are no children -->
    <ul>
        <!-- Children LI nodes here -->
    </ul>
</li>
请注意,div标记中的id。 这是正确的方法吗? 对我来说,仅仅用标签来写一个节点的文本似乎不太舒服。。。如果我使用一个图标,我会松开项目图标


希望有人比我头脑清醒

这似乎是jsTree用来绘制树的模式:

<div id="mytree">
    <ul>
        <li>
            <a href="#">Node 1</a>
            <ul>
                <li>
                    <a href="#">Node 1.1</a>
                </li>
                <li>
                    <a href="#">Node 1.2</a>
                    <ul>
                        <li>
                            <a href="#">Node 1.2.1</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
        <li>
            <a href="#">Node 2</a>
        </li>
    </ul>
</div>
也就是说,每个节点都具有jsTree文档推荐的结构:

<li>
    <a href="some_value_here">Node title</a>
    <!-- UL node only needed for children - omit if there are no children -->
    <ul>
        <!-- Children LI nodes here (recursively apply the same pattern)-->
    </ul>
</li>
所有结构都必须用文档中没有说明的内容包装:

<div id="mytree">
    <ul>
        <!-- all the tree here -->
    </ul>
</div>

这似乎是jsTree用来绘制树的模式:

<div id="mytree">
    <ul>
        <li>
            <a href="#">Node 1</a>
            <ul>
                <li>
                    <a href="#">Node 1.1</a>
                </li>
                <li>
                    <a href="#">Node 1.2</a>
                    <ul>
                        <li>
                            <a href="#">Node 1.2.1</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
        <li>
            <a href="#">Node 2</a>
        </li>
    </ul>
</div>
也就是说,每个节点都具有jsTree文档推荐的结构:

<li>
    <a href="some_value_here">Node title</a>
    <!-- UL node only needed for children - omit if there are no children -->
    <ul>
        <!-- Children LI nodes here (recursively apply the same pattern)-->
    </ul>
</li>
所有结构都必须用文档中没有说明的内容包装:

<div id="mytree">
    <ul>
        <!-- all the tree here -->
    </ul>
</div>

谢谢这对我今天很有帮助。可笑的是,他们没有修复文档中如此简单的遗漏。谢谢!这对我今天很有帮助。可笑的是,他们没有修复文档中如此简单的遗漏。