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的界面，例如：

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

GXT：BorderLayout样式分割栏

1 个答案: