Report Studio之界面优化技巧五、在报表中显示工具提示

浏览: 2262

有一张按照产品名称显示所有时间的销售数量的报表。因为此报表在线使用(在浏览器中以HTML格式输出),用户认为以工具提示的形式在产品名称上显示产品描述比较方便,当用户把鼠标悬停在产品名称上时,将出现一个工具提示,用来显示产品描述信息。

 

准备工作…

 

使用Product name,Product description和Sales quantity作为列表的列,创建一张简单的列表。

 

如何实施…

 

1. 我并不希望简单的把Product description显示为列表的列,而是打算在后续的操作中使用其数据项。所以,选中Product description列,使用Ctrl+X组合键将其剪切。转到Query Explorer,展开Query1,确定Product description数据项依然存在。

2. 转到报表页面,点击工具栏中的解锁按钮解锁报表页面。

3. 在Product name列中,在Product name文本项前后各插入一个HTML Item。报表此时看起来如下图:

4. 定义第一个HTML Item的Source Type为Report Expression,并定义其内容为:

'<span title="' + [Query1].[Product description] + '">'

5. 定义第二个HTML Item的Source Type为Text,并定义内容为:

6. 运行并测试报表。

 

工作原理…

 

本例我们使用了熟悉的非常有用的HTML标签<span>。在前面我们操纵提示对象的时候就用过这个标签。此例中,我们使用一个<span>标签把Product name包围起来,并定义其Title为Product description。

当在浏览器中运行报表时,<span>标签的标题就显示为工具提示。

 

更多…

 

一旦我们定义了span,我们可以在此项目上做许多操作,比如,重定义鼠标事件。请查看相关的HTML文档。

推荐 0
本文由 zhengyi1943 创作,采用 知识共享署名-相同方式共享 3.0 中国大陆许可协议 进行许可。
转载、引用前需联系作者,并署名作者且注明文章出处。
本站文章版权归原作者及原出处所有 。内容为作者个人观点, 并不代表本站赞同其观点和对其真实性负责。本站是一个个人学习交流的平台,并不用于任何商业目的,如果有任何问题,请及时联系我们,我们将根据著作权人的要求,立即更正或者删除有关内容。本站拥有对此声明的最终解释权。

0 个评论

要回复文章请先登录注册