Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 简单的JS树数据结构表示_Javascript_User Interface_Treeview_Client Side - Fatal编程技术网

Javascript 简单的JS树数据结构表示

Javascript 简单的JS树数据结构表示,javascript,user-interface,treeview,client-side,Javascript,User Interface,Treeview,Client Side,我需要构建一个简单的UI来表示JSON数据结构,该结构遵循如下模型: { person1 { name: 'Dan', address: { work: '9523 Pinehurst', home: '1234 foobar way' } }, person2 { name: 'Paul', address: { wo

我需要构建一个简单的UI来表示JSON数据结构,该结构遵循如下模型:

{ 
    person1 {
        name: 'Dan',
        address: {
            work: '9523 Pinehurst',
            home: '1234 foobar way'
        }
    },
    person2 {
        name: 'Paul',
        address: {
            work: '5432 Loop Street',
            home: '432 linux drive'
        }
    }
}
我需要支持动态添加和删除类别,以及拖放类别,例如将工作地址从person1移动到person2。有什么建议吗


我尝试使用一个dojo树控件,但它太复杂了,无法完成我想要完成的任务。这只是一个完全的客户端演示应用程序。谢谢

我使用动态树。它是JQuery的一个插件,用于支持javascript中的动态树视图。你的使用非常简单

希望这有帮助