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

标签 javascript jquery angularjs frameworks workflow

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

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

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

Workflow Editor

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

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

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

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

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

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

LHS 上的列表是可滚动的。

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

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

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

谢谢。

最佳答案

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

很棒的演示 here .

enter image description here

关于javascript - 用于拖放、分组和向下钻取的优秀 JavaScript 或 AngularJS 工作流程框架是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31950286/

相关文章:

javascript - 在加载程序仍在显示时处理 HTTP 调用和函数调用

javascript - Electron 应用程序在需要 SQLITE3 时出现异常

javascript - Node Express 中间件

java - 如何在 Javascript 中导入 .Jar 文件

jquery - Bootstrap 组合框破坏 CSS

AngularJS 指令中的 locals 代表什么

javascript - 显示具有搜索对象的 YouTube 视频列表

javascript - 自动填充使用 jquery 和 RoR 错误?

jquery - 通过 jQuery 从背景图像获取以像素为单位的高度?

javascript - 有没有办法在 Angular 中延迟加载 CSS 文件?