Struts2 的输入框中怎么显示出 tooltip 来

Yanbin_Q 2008-05-04 12:22:02

用 Struts2 我在 jsp 页面中是写成

<s:head theme="ajax"/>

<s:textfield label="电话" theme="ajax"
tooltip="请输入电话"
tooltipConfig="#{'tooltipAboveMousePointer':'true','tooltipBgColor':'#cccccc'}" />

浏览页面时，Struts2 还只会在“电话”右边显示一个小图标，鼠标悬浮在图标上，以 alt/title 的形式显示提示："请输入电话"，而达不到鼠标悬浮在输入框上，以一个层显示提示信息。

我该如何写才能实现这种提示效果呢？我是设置了 tooltip 在鼠标之上的啊？
tooltipAboveMousePointer=true

不知还有哪里遗漏的？不能以层的样式来显示 tooltip,那 tooltipConfig 还有很多的属性在这种情况下都没法用呢？

tooltipOffsetX/tooltipOffsetY/tooltipBgImg/tooltipBorderWidth/tooltipDelay/tooltipStatic/tooltipTitleColor 等。

...全文

520 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

xielittle 2009-04-16

打赏
举报

转 http://www.blogjava.net/Unmi/archive/2008/05/22/198602.html

testTooltip.jsp 文件内容如下：

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<title>Test Struts Tooltip</title>
<s:head />
</head>
<body>
<s:form tooltipConfig="#{'jsTooltipEnabled':'true'}">
<s:textfield label="Name" name="name" tooltip="Enter your Name here"
tooltipConfig="#{'tooltipFontColor':'#ff0000'}" />
</s:form>
</body>
</html>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<title>Test Struts Tooltip</title>
<s:head />
</head>
<body>
<s:form tooltipConfig="#{'jsTooltipEnabled':'true'}">
<s:textfield label="Name" name="name" tooltip="Enter your Name here"
tooltipConfig="#{'tooltipFontColor':'#ff0000'}" />
</s:form>
</body>
</html>

打开浏览器，浏览时鼠标移到输入框前面那个图标上稍呆会儿的效果是这样子的。

1) 出现一个 JS 的提示层，在下方，然后又出现一个图片的 alt/title 属性的提示。两种提示产生了重叠，十分难看。
2) 我明明设置了 tooltipConfig="#{'tooltipFontColor':'#ff0000'}"，JS 的提示层文字应为红色，可不是那么回事。

初见 Struts2 的 Tooltip ，对它抱过很大的期望。曾以为它可以实现鼠标悬停在输入框上时用层提示，可不尽然。只是在输入框前面多出一个 Tip 图标，鼠标放上去倒也会出现一个提示层，倒也罢，可偏偏那个图片的 alt/title 耐不住寂寞的跳了出来。

如何在用 JS 实现了 Tooltip 时，不显示 alt/title ？最好是能让鼠标掠过输入框时出现那个 JS 提示层，而不用前面那个图标。

注：这个 jsp 中，如果不给 <s:form 加上 tooltipConfig="#{'jsTooltipEnabled':'true'}" 属性，则只会出现 alt/title 的提示。如果页面没有加 <s:head />，只要标签用了 tooltip 属性，就会出现找不到 dojo 的 JS 错误，即使是未启用 JS 的 ToolTip。

还有一个问题，tooltipConfig 中有许多属性能改变 JS 的 Tooltip 层的风格，如 tooltipBgColor、tooltipFontColor 等，可是我无论对它设置什么属性，那个 JS Tooltip 层还老样，淡黄色底，黑色的字……

不知道，这是为何？其他的 tooltipConfig 的属性都无法让 JS Tooltip 层有所改关，难道这是 Struts2.0.6 的 Bug？也没道理啊，逼急是要我深入到原代码里去琢磨吗？

有哪位兄弟姐妹用过 Struts2 的帮我看看到底还是我错在哪里了。或者这个 jsp 文件要怎么写才对啊？