问题标签 [golden-layout]

我想在树视图中显示项目的上下文菜单。菜单应显示在所有其他元素的顶部，并且还应跨越 GoldenLayout ( http://golden-layout.com/ ) 的边界。但是，菜单在拆分窗格上被“剪切”：

我试图设置一个绝对值position并增加z-index. 那没有帮助。也许原因是overflow = hidden某些父 div 的样式？

=> 如果我想让我的上下文菜单跨越 lyout 边界，那么修改 GoldenLayout 配置的正确方法/位置是什么？

（我只希望上下文菜单跨越边界，而不是树视图的其他内容。）

有关的：

CSS 我希望一个 div 位于一切之上

使用 Golden-Layout（最新版本 2.1）可以创建带有工具窗口和显示文档的中心区域（如 Visual Studio）的 IDE 样式排列。

我可以按照我想要的排列创建所有面板，但是当我关闭堆栈中的最后一个“文档”时，它所占据的区域被移除并且周围的面板尺寸增加。我希望在关闭最后一个文档时保留文档区域，并且我希望能够控制我可以拖到它上面的 ContentItems 的类型。

有没有办法做到这一点？

在 Golden Layout 中使用选项卡时，如果添加的选项卡超出标题栏的容量，则会将任何额外的选项卡转移到标题末尾的下拉列表中（请参见此处的示例）。

但是，下拉列表中的选项卡标题被截断得很短，并且能够在不通过下拉列表的情况下切换选项卡将更适合我的用例。

如何使 Golden Layout 标题溢出任何额外的选项卡到下一行？

本质上不是这样：

像这样的东西：

修改标题列表和元素的溢出属性并没有帮助。

或者，如何使下拉列表显示选项卡的完整标题？

我正在尝试以编程方式将导入的 vue 添加到新的 Golden Layout 窗格。我使用拖放示例进行构建，但它只是将 HTML 添加到窗格，而不是需要传递给它的道具的 vue，例如窗格的宽度和高度。 https://golden-layout.com/tutorials/dynamically-adding-components.html

我一直在尝试通过添加它layout.registerComponent()，containter.on("open", funtion, ect.但找不到：

1. 要安装 vue 的元素。
2. 新的拖放窗格宽度和高度。

据文档所说，on "open"应该在创建新窗格/容器后触发。 https://golden-layout.com/docs/Container.html#Events

但是，正如我（错误地？）实现它时，窗格/容器尚未添加on "open"

相同的 vue 在没有问题的情况下添加到默认布局中layout.init();并且可以完美运行。

但是通过拖放方法（当前实现）添加相同的 vue 不起作用，并最终得到以下结果：

我一直在做我的研究，到目前为止，无法找出解决方案。

我正在 Angular 11 中构建一个应用程序。我无法绑定 sackCreated 事件，请让我知道它是否已弃用或有其他选择。下面是我的代码。

我也无法在 index.d.ts 文件中找到此事件。获取此错误“stackCreated”类型的参数不可分配给“隐藏”类型的参数 | “秀” | “关闭” | “开放” | “模糊” | "关闭" | “拖” | “焦点” | “调整大小” | “显示” | “标签” | "__全部" | "activeContentItemChanged" | “毁灭” | “拖动开始” | "拖动停止" | ... 16 更多... | "用户广播"'

我正在尝试找到一种以编程方式更改 ipyGoldenLayout 中的选项卡的方法。有什么办法我可以做到吗？

我正在使用 Angular 9 的黄金布局，但是当我导入黄金布局时出现此错误：

node_modules/golden-layout/dist/types/index.d.ts:505:45 中的错误 - 错误 TS1005: ',' 预期。505 导出类型 DragStartParams = [originalX: number, originalY: number]; node_modules/golden-layout/dist/types/index.d.ts:505:64 - 错误 TS1005: ',' 预期。505 导出类型 DragStartParams = [originalX: number, originalY: number]; node_modules/golden-layout/dist/types/index.d.ts:506:40 - 错误 TS1005: ',' 预期。506 导出类型 DragStopParams = [事件：PointerEvent | 不明确的];
node_modules/golden-layout/dist/types/index.d.ts:507:38 - 错误 TS1005: ',' 预期。507 导出类型 DragParams = [offsetX: number, offsetY: number, event: PointerEvent]; node_modules/golden-layout/dist/types/index.d.ts:507:55 - 错误 TS1005: ',' 预期。507 导出类型 DragParams = [offsetX: number, offsetY: number, event: PointerEvent]; node_modules/golden-layout/dist/types/index.d.ts:507:70 - 错误 TS1005: ',' 预期。507 导出类型 DragParams = [offsetX: number, offsetY: number, event: PointerEvent]; node_modules/golden-layout/dist/types/index.d.ts:508:58 - 错误 TS1005: ',' 预期。508 导出类型 BeforeComponentReleaseParams = [组件：未知];

有人知道为什么会这样吗？

我golden-layout在 Vue 应用程序中使用。我goldenLayout.on("stateChanged", async () => { ... })用来检测标签之间何时有导航。如何重新创建/重新呈现我导航到的组件？

我正在尝试使用黄金布局在网页中导航，但我找不到任何示例。似乎我需要使用 iframe 但有人可以给我一个调整大小的例子吗？非常感谢 ！

我如何设置最小值或最大值，然后可以停止堆栈（金色布局的 div）调整大小？我可以为它找到的 css 类是 'lm_drag_handle'、lm_item lm_stack 但我找不到任何修改它的地方。