angularjs多级可编辑树

时间:2013-10-24 10:53:12

标签: javascript angularjs tree

我正在构建我的第一个angularjs应用程序,并且仍在努力研究范围和内容。

我正在尝试构建一个多级树,我可以在其中编辑节点以成为子节点,或者将它们提升一级(从子节点到父节点),但我有点卡住了。

到目前为止,我设法将根节点设置为子节点。但是将子节点设置为根节点是一个完全不同的故事,因为我必须访问父节点,现在我不知道该怎么做。

Plnkr

如何知道如何将子节点更改为根节点?感谢

编辑:

想象一下这棵树:

  • 第1项
    • 子项目1.1 [按钮1]
    • 子项目1.2 [按钮2]
  • 第2项
  • 第3项
  • 第4项

你点击[按钮2]就可以了:

  • 第1项
    • 子项目1.1
  • 子项目1.2
  • 第2项
  • 第3项
  • 第4项

2 个答案:

答案 0 :(得分:0)

最后我能够弄清楚。

当然,代码看起来很难看,但由于我对angularjs的了解有限,这就是我能做的。它不漂亮,但完全符合我的要求。

每个项目都可以设置为子项目,包含子项目,然后再将它们转换为根项目。

Plunker

答案 1 :(得分:0)

这是动态的拖放树。

<强> http://www.jqueryrain.com/?KIVkhqxl

它支持:

  1. 输入
  2. 自定义模板
  3. 动作映射
  4. 活动
  5. 异步数据
  6. 过滤
  7. 拖动&amp;降
  8. 特点:

    1. 动态更改树
    2. API
    3. 定型
    4. 三州复选框
    5. 大树&amp;虚拟滚动
    6. Redux / Immutable Data