有一张按照产品名称显示所有时间的销售数量的报表。因为此报表在线使用(在浏览器中以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文档。