Question

myLayout.config.settings.hasHeaders = false;

我正在使用这个，但这隐藏了所有标签页。我只需要隐藏特定的标题页头？请帮帮我。

Answer 1

由于我已经玩了一个多月了，而且我现在非常投入，我想我会开始为golden-layout社区标签做出贡献。

https://github.com/deepstreamIO/golden-layout/blob/master/src/js/LayoutManager.js#L816

if( config.settings.hasHeaders === false ) {
            config.dimensions.headerHeight = 0;
        }

如果你查看我上面引用的代码行，这就是GL使用该设置的方式。所以你可以做的只是设置特定项目的headerheight。

此外，由于这仅触及headerheight，如果它等于false，您可以将其设置为true并选择并选择要显示标题的那些。

希望这会有所帮助。

Answer 2

像这样使用css，但是您必须检查它是否对您来说正常（例如Sass）：

.layout-no-header {
  > .lm_item {
    height: 100% !important;
    > .lm_header {
      height: 0 !important;
      overflow: hidden;
    }
    > .lm_items {
      height: 100% !important;
      > .lm_item_container {
        height: 100% !important;
        > .lm_content {
          height: 100% !important;
        }
      }
    }
  }
}

还要在金色布局的项目中添加CSS，请添加以下内容：

this.layout.on('itemCreated', function (item) {
  if (item.config.cssClass) {
    const classes = _.isArray(item.config.cssClass) ? item.config.cssClass : item.config.cssClass.split(' ');
    classes.forEach(c => {
      item.element.addClass(c);
    });
  }
});

，然后在布局配置中添加

cssClass: 'layout-no-header'

如何隐藏goldenLayout的特定标签页眉

2 个答案: