填报表中也可以添加 html 事件

news/2024/7/1 3:48:57

在实际的项目开发中,填报表的应用十分广泛。

多数情况下,填报表会作为整个项目的一部分配合需求灵活使用,但有时也会受大项目环境的影响,产生一些特别的要求。比如,通常报表单元格的数据类型大多是文本,有时却需要借助 HTML 或者 JavaScript 实现一些交互效果,例如在报表中添加一些说明性的提示、自定义功能性按钮等。显然,单纯的文本数据类型不支持这种交互操作,那么我们就会想填报表是不是能够支持 HTML 数据类型的用法呢?如果支持又该怎么使用呢?

答案肯定是支持的(你懂得),下面我们就举个栗子:

实例一要求:

报表中增加说明提示框,供填报表格参考。

下面以报表工具自带报表 2.2.sht 为例,看一下如何应用 HTML。

实例报表如下:

1png

要求效果:报表右上角定义按钮,点击按钮后弹出说明信息。

具体实现:

1. 在当前报表的基础上新增行,如下:

2png

2. 填报表展现页面(此实例为:previewInput.jsp)中,定义 String sgid=""; 且将 String sgid = InputTag.getInputId();  修改为 sgid = InputTag.getInputId();,如下:

3png

最后在 jsp 末尾的标签内添加 js 方法代码如下:![]
4png

其中:

abc() 方法 指定具体的弹出信息及方式;

cell 变量 获取触发 abc()方法的单元格,并通过 $(cell).html() 定义具体的 html 事件。

效果:(动图)

html1gif

实例二要求

在行式填报表单元格中自定义按钮,点击后可以插入行。

这里之所以不直接应用自带的工具条按钮,是因为报表应用与项目集成后会屏蔽应用自带的工具条。

这里还是以报表工具自带报表 2.2.sht 为例,演示一下怎么在报表中调用报表工具内置的方法。

具体实现:

1. 明确报表中需要自定义的按钮所要执行的操作;

这里以自定义插入行为例。

2. 找出对应的方法;

插入行:_insertRow()删除行: _deleteRow() 追加行: _appendRow()

导出 excel: _inputDownloadExcel()导入 excel: _inputLoadExcelData()

因版本差异具体参考 inputtoolbar.jsp

3. 参照实例一修改 $(cell).html() 中具体触发的方法,如下:

5png

效果:(动图)

html2gif

温馨提示:

1. Jsp 中 39 行的部分必须重定义变量 String sgid=""; 且将 String sgid = InputTag.getInputId();  修改为 sgid = InputTag.getInputId(); 否则报表展现会出现类似如下报错:

6png

2. $(cell).html() 中涉及多组单引号和双引号时,注意使用转移符 \ 以保证 js 正确解析。

课外知识扩充:

文本类型是单元格默认的数据类型,我们在报表单元格里使用最多的就是这种类型。如果单元格的类型为“文本”,系统就把单元格中的字符、数字或表达式的计算结果都当成文本来处理。

HTML**** 类型是超文本标记语言,一个 HTML 文件不仅包含文本内容,还包含一些标记。 如果报表中需要用到一些标记,但单元格不支持这种标记,这时就可以把单元格的类型设置为“html”类型,在单元格中嵌入 html 标记,通过 html 类型可以在单元格中显示单元格本身不支持的标记信息。html 类型还有一个用途是可以在单元格中嵌入隐藏的 javascript 函数,如果报表中多处都用到同一个 js 函数,我们可以把一个隐藏单元格设置为 html 类型,在此单元格中定义 js 函数,供其他单元格引用,这样就可以给用户的报表设计带来很大方便。

详情链接:http://c.raqsoft.com.cn/article/1550569274168?r=gxy


http://lihuaxi.xjx100.cn/news/236097.html

相关文章

Python基础12-常用的内置函数

abs 取绝对值,数学上的绝对值 print(abs(-1)) all 接收一个可迭代参数。如果里面有一个False的元素,那么返回值就是False,否则返回True,类似逻辑“与”。如果可迭代参数本身为空,那么返回True。需要记住什么是Fals…

百度DisConf分布式配置框架源码试读(一)HttpClient 长连接

Spring Cloud Config配置中心我在学习Spring Cloud Config配置中心时理解了它体系下的配置中心的强大。实现了配置的远程管理、微服务的配置更新。Spring Cloud Config配置中心体系还是有其不足的地方。虽然它实现了配置和服务的分离。但是做不到实时的更新。需要手动触发POST …

colly源码学习

colly源码学习 colly是一个golang写的网络爬虫。它使用起来非常顺手。看了一下它的源码,质量也是非常好的。本文就阅读一下它的源码。 使用示例 func main() {c : colly.NewCollector()// Find and visit all linksc.OnHTML("a[href]", func(e *colly.HTM…

CV00-01-CV基础理论

目录 CV的level和CV的方向 CV的level CV研究方向 CV应用方向 CV工程方向 CV的路线 CV比较好的会议 CV的平台、框架 认识几个CV的缩写 CV的level和CV的方向 CV的level Low Level,图像的基本操作;比如,图像的变换、像素操作、色彩等…

flask的客户端服务端

1.首先要进行后端与前端的连接有get 和post请求 get请求是直接在网页上打出已将定义好的网址 if __name__ __main__: app.run(host"localhost",port8800)host也可以写ip地址2.在进行交互前需要提前引入 flask 模块 pip3 install Flask详细代码 1 import json2 #…

java中两个Integer类型的值相比较的问题

转载自: https://www.cnblogs.com/xh0102/p/5280032.html 两个Integer类型整数进行比较时,一定要先用intValue()方法将其转换为int数之后再进行比较,因为直接使用比较两个Integer会出现问题。 总结: 当给Integer直接赋值时&#x…

Python基础13-文件处理

目录 用内置函数open打开文件 以文本方式打开文件 只读模式r 只写模式w 追加模式a 覆盖模式 以二进制方式打开文件 以二进制方式读 以二进制方式写 open函数的newline参数 file object的方法 tell显示当前光标的位置 seek控制光标的移动 truncate切片文件 用内置…

区块链技术特点之去中心化特性

想知道更多关于区块链技术知识,请百度【链客区块链技术问答社区】 链客,有问必答!! 由于区块链技术去中心化的特性,其在我们生活中的很多重要领域(如金融、管理)等方面具有重要的意义。例如&…