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

【问题标题】：Docking layout control for Angular2 similar to Telerik's RadDockingAngular2 的停靠布局控件，类似于 Telerik 的 RadDocking
【发布时间】：2016-10-13 15:42:59
【问题描述】：

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

我已经为 Angular2 搜索了一些停靠布局控件，但没有遇到任何与我上面提到的类似的东西。

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

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

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

如果有人能指点我一个好的停靠布局控件，那将是非常有帮助的。

谢谢

【问题讨论】：

标签： angular kendo-ui-angular2 raddocking

【解决方案1】：

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

【讨论】：

这正是我们目前正在使用的。 :-)

【解决方案2】：

在我的公司，我们设法使用了dock-spawn。我们也在 Silverlight 中使用 Telerik 的 RadDocking。我们必须对停靠生成进行一些更改（例如添加对隐藏窗格的支持，向标签页和面板添加图标）。 angular2 使用的 zone.js 存在一些问题。

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

您可以查看 demo 以了解原始码头产卵。

下面是我们做的他的照片：

由于我们使用 Angular2 和 typescript，我们也必须编写类型定义。

【讨论】：

有开源计划吗？
如果您将该代码上传到 github 或任何其他网站，那就太好了，人们可以将其作为起点。

【解决方案3】：

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

可在此处获取：https://github.com/node-projects/dock-spawn-ts

【讨论】：