java - GXT:BorderLayout样式分割栏

Question

如何设置分割栏的样式？我想为边框布局的分割栏应用不同的颜色。我正在使用gxt-3.x

Answer 1

我认为你可以看看这个 CSS 规则:

.x-layout-split { ... }
.ext-strict .ext-ie6 .x-layout-split { ... }
.x-layout-split-h { ... }
.x-layout-split-v { ... }
.x-layout-split-west .x-layout-mini { ... }
.x-layout-split-east .x-layout-mini { ... }
.x-layout-split-north .x-layout-mini { ... }
.x-layout-split-south .x-layout-mini { ... }

<小时/>

[已更新]

其中一个选项是添加您自己的样式并覆盖默认规则。

SplitLayoutPanel splitLayoutPanel = new SplitLayoutPanel();
splitLayoutPanel.setStyleName("x-layout-split-v-override", true);

在 CSS 文件中添加:

.x-layout-split-v-override.x-layout-split-v-override {
   ...
}

等等。

另一个选项:编写扩展 ClientBundle 的接口(interface)，例如:

public interface CommonCssBundle extends ClientBundle {
    public static final CommonCssBundle INSTANCE = GWT.create(CommonCssBundle.class);

    @Source("path/to/your/css/file/here/split-css-override.css")
    public CssResource css();
}

在入口点进行此调用:

public void onModuleLoad() {
    ...
    CommonCssBundle.INSTANCE.css().ensureInjected();
    ...
}

请注意，您始终可以使用 Google Chrome 或带有 Firebug 的 Firefox 查找 CSS 规则的名称。

还有什么 - 强烈建议阅读此主题:Override GWT Styling