javascript - 用于拖放、分组和向下钻取的优秀 JavaScript 或 AngularJS 工作流程框架是什么？

Question

我一直在看several other suggested frameworks (和其他)来满足我们的需求，但有些例子似乎太基础了，或者没有真正展示我正在寻找的东西。

我想创建一个flow-based programming输入客户端编辑器。

这是我为提供帮助而创建的基本线框(类似于即将停产的 Yahoo! Pipes 编辑器，但具有不同的功能...):

使用AngularJS Drag and Drop library给了我一些功能(容器、元素)，但我看不到它按照我希望的方式工作。

NoFlowJS虽然 this 不是我要找的非常酷。

我希望用户从 LHS 中进行选择，如果将像 Cats 这样的组拖到右侧，新的“选定组”部分将包含所有后续内容。与下面的城市类似。基本上能够定义分组类型容器。

在本例中，Cats 是猫类型、Dogs 等的分组。

然后，用户可以将选定的组链接到选定的城市 - 这样就能够链接 RHS 上的分组容器。

最后一个要求用常规 JS 实现并不困难，但是，我见过的一些框架是 GL 类型，实现起来可能并不那么简单:如果双击任何一个单独的组，我会得到一个弹出模式窗口，显示该组的属性，即。猫{虎斑猫、印花布猫等}(或做其他事情)。

LHS 上的列表是可滚动的。

当前的技术栈是AngularJS、KendoUI .Net MVC5、C#。

我认为这一切都是客户端的，直到用户希望保存当前状态。

我希望得到一些建议 - 也许有些是不同技术的组合，但无论如何，我想在这方面得到一些指导。

谢谢。

Answer 1

我相信我找到了我正在寻找的东西 ng-sortable 。

很棒的演示 here .