问题标签 [golden-layout]

我正在开发一个提供“模块/小部件”的网络应用程序，该应用程序将自身动态注册到 GoldenLayout。布局配置在启动时被持久化并应用以保留用户的窗口布局。由于许多不同的因素，他们可以使用的“模块/小部件”可能会被删除。如果该用户上次登录时在其屏幕上显示了该“模块/小部件”，则该“模块/小部件”将保存在 Goldenlayout 配置中。当用户下次登录时，他们会收到“未知组件”的“配置错误”。GoldenLayout 有没有办法忽略配置中列出的未知组件？

我正在尝试实现 KendoGrid 以显示在 Goldenlayout 容器中，但未能成功。Grid 出现在容器外部和页面顶部，而 Goldenlayout 容器初始化并出现在网格下方。这意味着网格和 GolderLayout 都成功初始化，但无法在容器中注册网格。

我在我的 Angular 7 应用程序中使用Golden-layout将一些组件显示为小部件网格中的小部件。并且所有小部件都可以调整大小。例如，我需要font-size在调整小部件大小时增加或缩小。

我尝试使用vw用于调整窗口大小的常见内容和其他内容。但它不起作用，因为它取决于视口，我的视口仍然相同，只是改变了小部件的大小。

是否有任何选项可以使小部件内的内容响应？

这是关于 stackblitz 的示例（不是我的） - https://stackblitz.com/edit/angular-4aughc

我用 Golden Layout 创建了 React.js 项目。正如您在下图中看到的，可以通过单击第一个“查看按钮”打开其他三个子窗口，但是当我单击第二个查看按钮时，数据没有改变，我无法找到我出错的地方。

第一个视图

第二视图

尝试将内容应用于其他三个选项卡时，出现上述错误。

应用程序.js 文件

应用程序.js

可以在 Reactjs 中使用 glEventHub 来操作有关设计更改和其他事件的选项卡，这是我无法以角度实现的。

React.js 示例：

请让我知道如何在角度上实现相同的效果。

从声明命名空间和同名类的文件中导入命名空间时，我在访问命名空间时遇到问题。我可以访问该类，但不能访问命名空间。

从文档中，我认为从导出合并命名空间和类的库中导入将为您提供两个声明的属性。但是，我只从类中获取属性。

命名空间足够灵活，也可以与其他类型的声明合并。为此，命名空间声明必须遵循它将合并的声明。生成的声明具有两种声明类型的属性。TypeScript 使用此功能对 JavaScript 和其他编程语言中的一些模式进行建模。

这是我的场景，

库文件：

在我的项目中，我正在尝试使用Config界面。我正在尝试以这种方式使用它，

但是，我收到一个错误

我可以访问 GolderLayour 类中的属性和方法，但我不知道如何访问命名空间。

作为参考，我正在尝试在我的 Angular 8 应用程序中使用这个库。

我正在开发一个 Angular 库，一种用于Golden Layout的 Angular 包装器。我创建了一个名为 的界面，ActionItem它可以在组件选项卡中添加带有操作的按钮：

问题是，当我在另一个接口中使用这个接口时，我用它来定义应用程序中组件（GoldenLayout 组件，而不是 Angular 组件）的结构，我不知道如何通知action当前的实例组件。

目前，我只设法为instanceId结果按钮添加了一个属性，使组件（这次是 Angular 的）在库服务中由该值映射。但我不知道如何在我定义的监听器中“注入”这个值action

我使用 Golden Layout，所以我想更改特定堆栈组件的标题。例如，当我添加具有 2 个输入的 2 个堆栈并更改最后一个元素的标题时，不在特定堆栈中的所有元素的标题都会更改。

这是代码：

};

结果：

请问你能帮帮我吗 ！！

我正在开发一个试图在 Electron 中运行的 JHipster 应用程序。我有用于窗口/窗格管理和跨窗格通信的 Golden Layout。我在技术组合方面遇到了几个问题，包括：

1. 我不能同时在他们自己的电子窗口中弹出多个窗格。Uncaught Error: Can't create config, layout not yet initialised相反，我在控制台中收到错误。
2. 三分之二的窗格在弹出到 Electron 窗口时不显示任何内容，我不确定原因是什么。对此有何想法或建议？内容的一个示例是传单地图，另一个是“PowerPoint 预览”，它实际上只是模拟幻灯片外观的 div。
3. 我还没有做到这一点，但我认为当我打开多个电子窗口时，我将无法在弹出的电子窗口之间进行通信。现在，窗格之间使用 Golden Layout 的 glEventHub 发射进行通信。当我跨过那座桥时，我有一条途径可以探索，即 Electron ipcRenderer。

一些借来的代码在这里（大部分我不能分享，因为它是公司机密）：

电子.js：

GoldenLayoutComponent.tsx，Golden Layout 的补丁：

对这些问题的任何帮助或见解将不胜感激。提前致谢！

我在显示/隐藏类似于此问题的组件时遇到问题：

GoldenLayout，如何隐藏/显示组件？

我的布局如下：

我有一个 hideSearchBar 和 showSearchBar 函数，如下所示：

showSearchBar 完美运行并正确显示网格的两行。

hideSearchBar 正确隐藏了第一行，但留下第二行不占用整个屏幕。我已经尝试在不同的地方将 config.height 设置为 100，但无法让它工作 - 屏幕底部顶行的大小有一个间隙。

非常感谢任何帮助。