使用 UiBinder 在 GWT CustomButton 的不同面上设置样式

发布于 2024-11-27 17:28:07 字数 625 浏览 1 评论 0原文

我试图在 ToggleButton 的不同面上设置样式名称(即 upFace、downFace,...)。看起来在脸上设置 styleName 不起作用。例如,以下内容不起作用:

<g:ToggleButton>
    <g:upFace styleName='{style.myToggleButton-up}' />
</g:ToggleButton>

但我注意到在 ToggleButton 本身上设置样式名称时......

<g:ToggleButton styleName='{style.myToggleButton}' />

生成的 HTML 看起来像这样:

<div class="GPAKHSCBGG GPAKHSCBGG-up" role="button" aria-pressed="false">...</div>

但是,即使我定义了 {style.myToggleButton-up},它没有填充到 GPAKHSCBGG-up。所以我想知道如何才能做到这一点而不必模拟全局 .gwt-ToggleButton-up 样式表。请帮忙。

I'm trying to set style names on different faces of ToggleButton (i.e. upFace, downFace, ...). It looks like setting styleName on a face doesn't work. For example the following won't work:

<g:ToggleButton>
    <g:upFace styleName='{style.myToggleButton-up}' />
</g:ToggleButton>

But I noticed when setting the style name on ToggleButton itself...

<g:ToggleButton styleName='{style.myToggleButton}' />

... the generated HTML will look something like this:

<div class="GPAKHSCBGG GPAKHSCBGG-up" role="button" aria-pressed="false">...</div>

However, even if I have {style.myToggleButton-up} defined, it is not populated to GPAKHSCBGG-up. So I'm wondering how can I do this without having to mock the global .gwt-ToggleButton-up stylesheet. Please help.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

深海不蓝 2024-12-04 17:28:07

http://examples.roughian.com/index.htm#Widgets~ToggleButton

所有 GWT 组件都有预定义的 CSS 类定义,您尝试的内容并没有覆盖这些定义。

http://examples.roughian.com/index.htm#Widgets~ToggleButton

All GWT components have predefined CSS Class definitions, what you tried didn't override the definitions.

无人问我粥可暖 2024-12-04 17:28:07

解决方案:

添加@external myToggleButton,myToggleButton-up;到 ui:binder 文件。

Solution:

Add @external myToggleButton, myToggleButton-up; to ui:binder file.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文