简单的JS树数据结构表示

Simple JS tree data structure representation

本文关键字:数据结构 表示 JS 简单      更新时间:2023-09-26

我需要构建一个简单的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。有什么建议吗?

我尝试使用一个道场树控制,但它的方式太复杂,我想完成什么。这只是一个完全的客户端演示应用程序。谢谢!

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

Dynatree

希望能有所帮助