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

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

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

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

实例一要求:

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

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

实例报表如下:

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

具体实现:

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

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

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

其中:

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

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

效果:(动图)

实例二要求

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

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

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

具体实现:

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

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

2. 找出对应的方法;

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

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

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

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

效果:(动图)

温馨提示:

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

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

课外知识扩充:

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

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

原文地址:https://www.cnblogs.com/shiGuangShiYi/p/12115507.html

时间: 2024-10-08 15:53:42

填报表中也可以添加 html 事件的相关文章

填报表中如何添加 html 代码

润乾报表 5.0 普通的浏览式报表单元格数据类型中提供了 html 类型以便客户自定义控件,而填报表中没有提供该数据类型,那么填报表中要想加入一个 html 控件(比如一个 button 按钮)该怎么实现呢,下面我们具体说明一下 润乾报表 5.0 填报表可以通过 js 的方式将 html 控件添加到报表里,使用这一方式有以下几点需要特别注意:1. 确定控件要加载报表的什么位置:2. 确定填报表类型,比如普通填报或行式填报: 如果控件要加在报表扩展区的上面,那么可在 js 中 通过报表设计区域的单

给网页中的元素添加onclick事件(引自锋利的jQuery)

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="generator" content="editplus" /> <title>给网页中的元素添加onclick事件</p></title> <script src="jquery-1.7.1

iOS 为移动动画中的View添加touch事件

对Core Animation来说,不管是显式动画还是隐式动画,对其设置frame都是立即设置的,比如说给一个UIView做移动动画,虽然看起来frame在持续改变,但其时它的frame已经是最终值了,这种情况下,哪怕这个UIView是UIButton的实例,其触发touch事件的范围还是最终frame的地方.比如一个Button的frame是(0,0,100,100),要把它从0,0移动到200,200,在这种情况下: 如果你使用的是显式动画(CAKeyframeAnimation和CABas

如何用报表工具实现树状层级结构的填报表

需求说明 对于带有层级结构的数据中,用户为了能够更加清晰直观地查看,往往需要在数据展示时将层级展示出来,比如常见的省.市.县结构,或者一些科目中也会带有层级.通常,我们管这种形式叫做树状报表.在查询统计类报表中可以使用报表的左主格来实现,但是由于填报模型更加侧重于数据处理,格式设计上有别于查询统计报表,往往较难实现树状报表. 下面,我们通过一个层级科目的例子介绍一下在填报表中如何实现这个需求.首先,我们看一下报表展示的结果: 这个报表是一个按照科目录入数据的填报表,科目分不同等级,比如 1001

在报表中录入数据时如何实现行列转换

应用场景及需求: 某电力集团在实际应用中需要在填报数据时将数据库中的字段以更符合业务人员使用习惯的方式进行呈现,其中就有行列转换的情况.在常规的应用开发中,一般都是通过专门设计的数据界面进行录入,然后再通过程序转换存入数据库.而现在有了集算器支持的润乾填报表,就能够处理各种有关数据结构的填报需求了,这种行列转换自然也不在话下. 首先,我们来看一下行列转换的准确含义: 在一些企业应用中,一些指标项在数据库存储时会做为不同的字段存储,这样数据结构会更加清晰,但是在报表展示或填报表数据录入时,又需要将

(转)深入理解JavaScript的闭包特性 如何给循环中的对象添加事件

深入理解JavaScript的闭包特性如何给循环中的对象添加事件 初学者经常碰到的,即获取HTML元素集合,循环给元素添加事件.在事件响应函数中(event handler)获取对应的索引.但每次获取的都是最后一次循环的索引.原因是初学者并未理解JavaScript的闭包特性. 有个网友问了个问题,如下的html,为什么点击所有的段落p输出都是5,而不是alert出对应的0,1,2,3,4. 1.  <!DOCTYPE HTML> 2.  <html> 3.  <head&g

vue添加滚动事件,解决简书Carol_笑一笑方案中vue移除滚动事件失效的问题

在写项目的时候,遇到了需要添加滚动事件的问题,在简书Carol_笑一笑这里找到了解决方案.代码如下 <script> export default { name:"vue-scroll", data () { return { …… } }, mounted: function () { window.addEventListener('scroll', this.handleScroll, true); // 监听(绑定)滚轮滚动事件 }, methods: { hand

报表中如何实现中国地图钻取到各省地图

需求描述: 使用 Echarts 统计图从中国地图,点击某一省份,在新的页面中显示该省份的地图. 实现思路: 在国家地图上添加 onclick 事件,点击国家地图中的省份,生成省份对应的 url, 其中将对应省份的名称以参数传递,在省地图报表中增加省份的参数,过滤出对应省份的数据,以及动态加载不同省份 echarts 模板中的地图,在 echarts 统计图展现的页面中接收到省份对应的参数,动态在页面加载出不同省份对应的 JS 文件. 具体实现: 1. 中国地图报表制作. 在自带实例地图 \ 中

[原创]java WEB学习笔记48:其他的Servlet 监听器:域对象中属性的变更的事件监听器 (3 个),感知 Session 绑定的事件监听器(2个)

本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱好者,互联网技术发烧友 微博:伊直都在0221 QQ:951226918 ---------------------------------