Javascript 如何在js中实现树型表单动态填充

我想创建一个动态树结构，在其中编辑/删除节点及其数据。在这个树结构的每一级，我们都有不同的表单来添加/编辑/删除数据。

您可以使用。它是免费的，易于实现，并支持您的所有需求

基本示例：

<div class="demo-section k-header">
    <ul id="treeview">
        <li data-expanded="true">
            <span class="k-sprite folder"></span>
            My Web Site
            <ul>
                <li data-expanded="true">
                    <span class="k-sprite folder"></span>images
                    <ul>
                        <li><span class="k-sprite image"></span>logo.png</li>
                        <li><span class="k-sprite image"></span>body-back.png</li>
                        <li><span class="k-sprite image"></span>my-photo.jpg</li>
                    </ul>
                </li>
                <li data-expanded="true">
                    <span class="k-sprite folder"></span>resources
                    <ul>
                        <li data-expanded="true">
                            <span class="k-sprite folder"></span>pdf
                            <ul>
                                <li><span class="k-sprite pdf"></span>brochure.pdf</li>
                                <li><span class="k-sprite pdf"></span>prices.pdf</li>
                            </ul>
                        </li>
                        <li><span class="k-sprite folder"></span>zip</li>
                    </ul>
                </li>
                <li><span class="k-sprite html"></span>about.html</li>
                <li><span class="k-sprite html"></span>contacts.html</li>
                <li><span class="k-sprite html"></span>index.html</li>
                <li><span class="k-sprite html"></span>portfolio.html</li>
            </ul>
        </li>
    </ul>
</div>

<script>
    $(document).ready(function() {
        $("#treeview").kendoTreeView();
    });
</script>

我的网站


图像

logo.png
body-back.png
my-photo.jpg



资源


pdf

小册子.pdf
prices.pdf


拉链


关于.html
contacts.html
index.html
portfolio.html



$（文档）.ready（函数（）{
$（“#树视图”）.kendoTreeView（）；
});