问题标签 [golden-layout]

我在使用 Angular 4（通过 Angular cli）创建的应用程序中使用 Golden Layout。黄金布局效果很好。它出现了，所有组件也都到位了。但是由于我的组件放置在 GL 中，因此角度变化检测机制停止工作。有没有人遇到过这样的问题？

我可以在 GoldenLayout 中将 Slickgrid 与普通网格一起使用。

但是，我正在尝试实现 Dataview，但我遇到了 onRowCountChanged.subscribe 事件的问题：

我认为我的问题是我不知道如何引用对象的 _grid 对象（我不精通 Javascript）。

任何使用 Goldenlayout 和 SlickGrid Dataview 的人都可以分享他们如何创建他们的 SlickGrid 组件？

谢谢你。

首先我想说我是一名初级前端开发人员。因此，对 Angular 的经验并不多。

所以我一直在尝试用黄金布局在 Angular 2 中工作，我的最终目标是重现这个模块的拖动功能，如下所示：http: //golden-layout.com/examples/#d508753b29c3001c24218bf3a6b25141

由于到目前为止还没有对 Angular 2 的官方支持，我一直在寻找一种实现它的方法，并且遇到了 @goldsam/ng-golden-layout 模块

这是 angular 2 的黄金布局的非官方版本，我一直在尝试使用这个模块创建一个演示应用程序，但似乎无法让它工作，我遇到了这个错误：

C:/Users/user/Desktop/golden-layout/demo/node_modules/golden-layout/index.d.ts (14,16) 中的错误：找不到名称“JQuery”。C：/Users/user/Desktop/golden-layout/demo/node_modules/golden-layout/index.d.ts（63,79）：找不到名称'JQuery'。C：/Users/user/Desktop/golden-layout/demo/node_modules/golden-layout/index.d.ts（133,45）：找不到名称'JQuery'。C：/Users/user/Desktop/golden-layout/demo/node_modules/golden-layout/index.d.ts（629,22）：找不到名称'JQuery'。C:/Users/user/Desktop/golden-layout/demo/node_modules/golden-layout/index.d.ts (718,16)：找不到名称'JQuery'。C：/Users/user/Desktop/golden-layout/demo/node_modules/golden-layout/index.d.ts（723,22）：找不到名称'JQuery'。C:/Users/user/Desktop/golden-layout/demo/node_modules/golden-layout/index.d.ts (728,26): 找不到名称“JQuery”。C:/Users/user/Desktop/golden-layout/demo/node_modules/golden-layout/index.d.ts (770,16)：找不到名称'JQuery'。C：/Users/user/Desktop/golden-layout/demo/node_modules/golden-layout/index.d.ts（775,21）：找不到名称'JQuery'。C:/Users/user/Desktop/golden-layout/demo/node_modules/golden-layout/index.d.ts (780,21)：找不到名称'JQuery'。

所以我的问题是你们中的任何人是否已经让这个模块在我可以用作开始的一些演示应用程序中工作，或者你们中的任何一位专家是否可以对我的代码进行审查：

https://github.com/dazzzed/ng-gl-demo

提前致谢。

我是 Angular 2 的新手，在项目的仪表板上包含 Golden Layout 很麻烦。我正在使用 ng2-admin 主题并且不想更改文件夹结构。

http://akveo.com/ng2-admin/#/pages/dashboard

我怎样才能完成这项任务？

一个工作演示或 plunker 将不胜感激。

我有以下有效的代码：

但是，我的问题是我是否可以直接提供孩子而不将其包装到新的反应类中。

我尝试用createReactComponent渲染函数替换它child.type，React.cloneElement(child, {})但它们都不起作用，因为registerComponent（黄金布局框架的）函数会抱怨componentWillUpdate缺少构造函数或成员函数。

围绕现有组件包装新组件似乎不必要的开销，并且可能需要我复制代码，因此我正在寻找一个更清洁的选项。

请看问题：

我可以通过单击添加按钮来添加新行。一旦我关闭所有新添加的行，然后使用添加按钮重试，它将模式更改为嵌套列，我希望它作为行谢谢

我正在使用这种方法添加新项目

我有一个简单DataTable()的金色布局容器：

在浏览器中打开表格时，表格会正确显示DataTable()样式，但是当我弹出寡妇时，表格会丢失所有样式并恢复为基本 HTML。

通过阅读 GL 文档，我认为我需要订阅新的 GL 弹出容器上的 open 事件并在table.DataTable()那里调用，但是因为我刚刚学习 JavaScript 和 jQuery 等。我不确定我会在哪里做这个？

我正在尝试利用golden-layout对接库。我已经为我的 Angular 项目安装了所有东西，但我遇到了一个似乎无法解决的错误。

我看到另一个帖子，它是空白的，没有答案。当我最初遇到这个错误时，我做了一些研究。我意识到有一个打字问题。我直接去了模块文件，我可以看到index.d.ts文件中的错误。JQuery找不到参考。所以我用谷歌搜索了如何解决这个问题。解决方案是运行npm install @typings/jquery. 这解决了我在文件中的错误。ng serve但是，即使文件中已修复错误，当我尝试运行时，我仍然会收到来自 cli的错误index.d.ts。我对如何在这里前进感到不知所措。

有没有办法只使用 javascript 文件而不是尝试使用模块？这是一个使用 angular 的plunker。我可以看到他们只是将脚本文件直接添加到 index.html 文件中。我已将脚本文件添加到angular-cli.json文件中，但无法解决问题。Angular 仍然尝试使用该模块并因此使用输入文件。有什么想法或潜在的解决方案吗？我觉得某处有一个缓存需要重置，因为我修复了@typings错误。

是否有基于 Angular 2 的 webapps 的多窗口布局管理器？

我发现了这样的例子：

http://golden-layout.com/

http://www.dockspawn.com/

http://docker.api.webcabin.org/index.html

但问题是这些插件没有 Angular 2 集成。

我有一个基于 GoldenLayout (1.5.9) 的应用程序。布局是一个包含两列的行。请参阅下面我感兴趣的列的配置。

现在我希望能够关闭或隐藏组件并使其重新出现，按下工具栏按钮（即以编程方式）。我做了各种不成功的尝试：

1. 如果我使用 x 按钮关闭组件，父列会神奇地消失，因此组件父级（保存在某处）上的后续 addChild 会将组件添加为堆栈的子级。不是我想要的。

2. 如果我隐藏了 component.element，组件就会消失，但会留下一个洞。也就是说，堆栈不会调整大小。

3. 我在组件上的任何地方都找不到文档化的 hide() 方法，即使我将它包装在行、列或堆栈中也是如此。

4. 如果我手动将 Stack 和 Component 之间的分隔符向下移动，我会得到我想要的（也就是说，几乎所有的高度都给 Stack）但是 setSize(?, ?) 的组合似乎没有以编程方式做同样的事情。

任何想法？谢谢！

更新： 如果我将组件包装到另一个堆栈中，容器列不会消失，因此我可以将其添加回来：

只是高度被忽略（新堆栈的高度始终为 50%）并且淘汰赛模板在那里，但它没有通过淘汰赛运行。但这是另一个问题。