Angular2 的停靠布局控件类似于 Telerik 的 RadDocking

Docking layout control for Angular2 similar to Telerik's RadDocking

我在 Silverlight 中使用 Telerik 的 RadDocking 控件。 http://docs.telerik.com/devtools/silverlight/controls/raddocking/overview2

我搜索了一些 Angular2 的停靠布局控件,但没有找到任何与我上面提到的类似的内容。

我能遇到的最接近的是 angular2-gridhttps://www.npmjs.com/package/angular2-grid

我希望 Kendo 会在他们最新的 Angular2 版本中提供这样的控件。它似乎也不在他们的路线图中。

甚至 angular/material2 还没有开始他们的布局控制工作。 https://github.com/angular/material2

如果有人能指出一个好的停靠布局控件,那将很有帮助。

谢谢

在我的公司,我们设法使用了 dock-spawn。 我们也在 Silverlight 中使用了 Telerik 的 RadDocking。我们不得不在 dock-spawn 中做一些更改(例如添加对隐藏窗格的支持,向标签页和面板添加图标)。 angular2 使用的 zone.js 存在一些问题。

尽管存在所有这些问题,但它似乎值得使用,即使该库在过去 3 年内未得到支持。

您可以查看 demo 以获得原始 dock-spawn。

下面他的照片我们做到了:

由于我们将 Angular2 与打字稿一起使用,因此我们也必须编写类型定义。

您也可以使用GoldenLayout。我们在我的公司使用它并且效果很好。 与 angular 2 的集成并不是很简单,但在 Github 上有一个很好的讨论流程来解释如何将它与 Angular 2 集成。

我创建了 DockSpawn 的 TypeScript 版本并修复了一些错误(例如在触摸设备上使用)

此处可用:https://github.com/node-projects/dock-spawn-ts