【问题标题】:Tooltip for GWTGWT 的工具提示
【发布时间】:2014-01-30 21:37:49
【问题描述】:

GWT 确实提供了类似于以下内容的工具提示:

Label label = new Label("test");
label.setTitle("This is a tooltip");

有没有办法为此类工具提示设置样式?是否有支持此功能的 GWT 库?

编辑:如何设置工具提示出现的时间?

【问题讨论】:

  • 通常的方法是使用 CSS。
  • 我想设置工具提示而不是标签的样式!
  • 你检查过 DOM 吗?工具提示只是 GWT 绘制的属性还是小部件?应用了哪些类?
  • 这个问题似乎离题了,因为它表明没有努力解决问题。

标签: java javascript gwt


【解决方案1】:

您可以使用 GWTQuery 来做工具提示,有一个插件可以做到这一点。 GwtQuery 是 JQuery 的克隆,但构建在 java 中。

你可以在这里找到演示:

http://arcbees.github.io/ArcBees-GQuery-Plugins/

使用此示例代码,您可以为页面中的所有标题创建工具包:

$("[title]", toolbar).as(Tooltip).tooltip();

源代码在这里: https://github.com/ArcBees/ArcBees-GQuery-Plugins/tree/master/tooltip

【讨论】:

  • 很好的解决方案。谢谢!
【解决方案2】:

您问题的真正答案是:No,无法修改原生工具提示样式。

替代方案正在创建您自己的工具提示:

  • CSS
  • JS(库)

请注意,如果您继续使用 title 属性,本机工具提示将显示在您的自定义工具提示之上。

【讨论】:

    【解决方案3】:

    你可以使用 CSS 首先,你在你的css中添加你想要的样式 然后你用label.setStyleName("myStyle");将该样式设置为你想要的元素

    【讨论】:

    • 我想设置工具提示的样式而不是标签!
    【解决方案4】:

    工具提示可以使用 CSS 设置样式。您可以使用其中一种在线工具:

    http://csstooltip.com/

    http://www.menucool.com/tooltip/css-tooltip

    【讨论】:

    • 如何设置工具提示出现的时间?
    • 你不能在 CSS 中做到这一点。您可以根据需要在标签上设置“标题”(例如在 MouseOver 上等)
    • 我可以使用 PopupPresenter 来显示工具提示。你知道我可以在所有设置了 title 属性的元素上绑定 MouseOver 事件吗?是否必须删除默认浏览器工具提示没有同时显示的title属性?
    • 不要设置 'title" 并且不会有默认弹出窗口。您为 MouseOver 事件创建处理程序的方式与为 GWT 中的任何其他事件相同。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-08-04
    • 1970-01-01
    相关资源
    最近更新 更多