简单的JS树数据结构表示

Question

我需要构建一个简单的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树控件但是它太复杂了我想要完成的事情。这只是一个完全客户端的演示应用程序。谢谢！

Answer 1

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

Dynatree

希望这有帮助