问题标签 [golden-layout]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
752 浏览

javascript - 如何隐藏goldenLayout的特定选项卡标题

我正在使用这个,但这隐藏了所有选项卡标题。我只需要隐藏特定的标签页眉吗?请帮我。

0 投票
1 回答
284 浏览

javascript - 动态更改标题属性

我正在尝试为 GoldenLayout 中的控件图标添加自定义工具提示。

到目前为止,我所做的是,我正在找到每个控制器图标的类并添加一个名为tooltip并删除该属性的新title属性。

这适用于close& open in new window,但对于minimiseandmaximise我需要tooltip动态设置值并且还需要删除title属性

我无法实现该功能。请帮忙

完整代码https://jsfiddle.net/sutgfg1y/

0 投票
1 回答
141 浏览

python - Python Web 布局库,如 Golden Layout

Golden Layout 似乎是一个非常有趣的 JS 布局库。对于目前在 Flask 中开发的应用程序,Python 中是否有类似的东西可以与 Flask 很好地集成?

0 投票
0 回答
1508 浏览

reactjs - 黄金布局不调用 React.Component.render

根据他们的演示,我已经努力了几个小时才能对金色布局做出反应:

http://golden-layout.com/examples/#XdabGJ

我正在使用电子创建一个文档编辑应用程序,并尝试使用 gl 来提供文档的虚拟视图。我希望每个 gl 窗口都托管一个反应组件。我创建了以下类:

[变量列表.js]

我从我的主脚本中引用:

当我运行代码时,会创建 gl 并出现一个窗口,但其中不包含任何元素,并且控制台不包含预期的打印。

这些示例显示了通过“React.createClass”创建的类,但是该函数似乎不再存在,并且根据反应文档,“扩展组件”与它类似。

如何让 gl 调用我的渲染函数?

0 投票
1 回答
134 浏览

slickgrid - 在 slickgrid 中重新加载数据

使用goldenlayout,我在容器内加载了一个slickgrid(如教程所述)。

我有一个计时器,它会熄灭并提取新数据。

我想知道如何用新数据更新 slickgrid 中的数据。

问题 1) - 我如何在容器内创建一个 div 并为其命名 问题 2) - 我如何刷新容器中的内容 问题 3) - 我如何对容器进行刷新

我想我需要在问题中提供更多细节才能达到质量标准。

根据示例,我可以在创建时创建并加载网格,现在我需要重新加载并呈现来自 Web 服务的新数据。

0 投票
2 回答
801 浏览

javascript - 如何挂钩库函数(黄金布局)并调用其他方法

我正在使用一个名为 Golden Layout 的库,它有一个名为的函数destroy,它将在窗口关闭或刷新时关闭所有应用程序窗口

我需要向该destroy函数添加其他方法。我还需要删除所有本地存储。

我该怎么做 ?请帮忙

下面是插件代码。

我可以像这样访问组件中的destroy方法

我的代码

0 投票
2 回答
197 浏览

javascript - 如何将 ReactDom 添加到 Meteor 中的全局命名空间

如何将 ReactDOM 添加为 Meteor 中的全局可访问变量?那么它可以被 Meteor 中的其他 3rd 方库使用吗?

背景信息,Meteor 是一个 Web 应用程序框架,它简化了开发过程并提供了数据库数据同步等附加功能。Golden Layout 是一个 UI 组件,用于创建类似于您在 Visual Studio 中看到的 Dock 布局,例如,它支持使用 React 组件填充视图。Golden-Layout 文档说:

确保包含 jQuery、React 和 ReactDOM 以使其可供 GoldenLayout 访问。

当尝试在 Meteor 中导入它时,我收到以下错误:

我查找了一个使用 webpack 的示例并找到了这个配置段:

但是 Meteor 似乎没有使用 webpack,或者我无法直接修改 webpack。有什么建议么?

0 投票
2 回答
3636 浏览

typescript - 使用打字稿的Angular 6的黄金布局?

按照本教程,我正在使用带有 Angular 6 的黄金布局

我收到一个错误GoldenLayoutModule.forRoot(config)

配置不能分配给类型的参数GoldenLayoutConfiguration

0 投票
0 回答
368 浏览

reactjs - 如何使用 redux 和 reactjs 应用 CRUD 黄金布局?

我已经使用Golden-layout-react-redux构建了一个黄金布局包装器,并且我正在创建新布局并将它们连接到面板减速器,因此每次我添加一个新面板时,它都会在 GoldenLayoutWraper 中构建。我像这样连接配置内容:

但是我面临一个问题,即当我将新面板添加到减速器时它没有更新,面板减速器数组增加但 contentIems 没有。所以我被迫这样做:

这段代码在 GoldenLayoutWrapper 组件 render() 中,这里的问题是: 1- 每次我添加新面板时,它都会添加多个面板,因为它正在添加 panel.length 以及 contentItems[0] 中已经存在的项目。2-当我删除所有面板时,我无法再添加了,因为黄金布局的工作方式是,当只有一个孩子时,它会替换它并成为根孩子,而不是 contentItems[0],所以这goldenlayout.root.contentItems[0].addChild(panel)会引发错误。

我也尝试改用这个react-golden-layout,但我遇到了这个问题

PS:我是初学者

0 投票
2 回答
730 浏览

reactjs - 尝试使用 openlayers、Golden Layout、reactjs。但是 openlayers 地图仅显示在黄金布局的 1 个窗口中,而不显示在其他窗口中

尝试使用 openlayers、reactjs 和黄金布局。黄金布局配置是一行,里面有两个“反应组件”。Openlayers 确实在黄金布局的一个“反应组件”中渲染地图,但不在其他“反应组件”中。

这是我正在尝试的代码。

这是结果。 带有 reactjs 和 Golden-layout 的 openlayers