使用jQuery Tree呈现组织数据的最佳方式

Question

我对如何渲染数据的设计布局感到困惑。情况如下：

各个部门都有不同的员工。现在，每个部门都可以在其下设置子部门，并在子部门工作。

我需要在html页面上显示整个布局，最好使用jQuery树或其他东西。我正在考虑像树结构这样的部门，部门以分层格式显示，如下所示：

Dept A
 - Dept A.1
   - Dept A.1.1
   - Dept A.1.2
 - Dept A.2
   - Dept A.2.1
     - Dept A.2.1.1

现在我还需要在每个部门下展示员工，并提供从一个部门到另一个部门的拖拽功能。这就是我在设计中坚持如何在html页面中以适当的方式描绘它。

有人可以帮我解决这个问题吗？非常感谢！

Answer 1

在Javascript中创建一个对象Dept，它包含一个名称数组和一个子数组Dept，并在需要时将对象插入到对象中，然后您可以遍历该对象，直到没有任何东西可以遍历。