如何从GWT小部件访问常规CSS?

时间:2011-02-28 16:40:49

标签: css gwt

是否可以在GWT小部件中访问通过模块XML导入的常规CSS中的常规CSS选择器?或者我应该创建一个CssResource吗?

编辑:我忘了指定我想从UiBinder XML文件访问窗口小部件中的CSS选择器。

2 个答案:

答案 0 :(得分:3)

您可以使用widget.addStyleName(“regularoldcssselectorname”),您的参数将作为类名在最终HTML中出现。

答案 1 :(得分:0)

我想说如果在多个小部件中使用该样式,最好使用CssResource。这似乎是谷歌团队随着一切行动的方式,并确保风格实际存在 - 使用任意字符串允许拼写错误并且无法跟上对css文件的更改。此外,我相信我在gwt google小组上看到包括模块中的样式表在/被弃用了,我现在找不到发布。

所以制作CssResource:

package the.package.of.the.client.bundle;

public interface MyBundle extends ClientBundle {

    static MyBundle INSTANCE = GWT.create(MyBundle.class);

    @Source("myCss.css")
    MyCss myCss();

        @Shared
    public interface CommonCss extends CssResource {
        String myStyle();
    }
}

然后在UiBinder中:

<ui:with field='myname' type='the.package.of.the.client.bundle' />

<g:Label addStyleNames="{myname.myCss.myStyle}" text="My Label Text"/>