填报表中也可以添加 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 函数,供其他单元格引用,这样就可以给用户的报表设计带来很大方便。
详情链接:http://c.raqsoft.com.cn/article/1550569274168?r=gxy
填报表中也可以添加 html 事件相关推荐
- 为DataGridView中的DataGridViewComboBoxCell添加SelectedIndexChanged事件
简介 DataGridView 是一个非常强大的数据控件,能够以类似Excel的方式处理二维数据.并且针对数据的不同格式,能够为数据添加对应的编辑控件,如下拉框DataGridViewComboBox ...
- ALV报表中处理双击行项目事件
*-----------------------双击后转到事务ME23N显示详细信息------------------* FORM user_command USING r_ucomm LIKEs ...
- 润乾报表JSF FORM 标签中使用填报表解决方案
需求 润乾报表的标签需要在jsf页面中和其他填报控件一起使用,润乾报表负责展现录入部分数据,并且这部分数据和页面的其它控件的数据存在前台和后台的交互. 问题 润乾报表在前台会生成自己的form, ...
- 为.net中的ListBox控件添加双击事件
我在用dotnet做一个项目的过程中,遇到了一个ListBox的问题:通过在一个ListBox中双击,把选中的项添加到另一个ListBox中,但ListBox控件本身并没有该事件,那么如何实现呢?我就 ...
- iostext添加点击事件_iOS开发小技巧 - label中的文字添加点击事件
Label中的文字添加点击事件 以前老师讲过类似的功能,自己懒得回头看了,找了很多第三方的,感觉这个小巧便利,作者只是扩展了分类,实现起来代码也少.先来个效果图 自己的项目,直接上代码 - (void ...
- java添加按钮点击事件_如何为odoo 10中的按钮点击事件添加一个java脚本处理程序?...
我想使用java脚本为header中的按钮创建一个处理程序.下面我视图模型给出:如何为odoo 10中的按钮点击事件添加一个java脚本处理程序? inherit_id="web.asset ...
- java按钮添加事件_java中添加按钮并添加响应事件的方法(推荐)
关于java容器,面板等自行百度学一下吧 private button loginbtn = new button("登陆"); final static jframe buyer ...
- vue添加滚动事件,解决简书Carol_笑一笑方案中vue移除滚动事件失效的问题
vue添加滚动事件,解决简书Carol_笑一笑方案中vue移除滚动事件失效的问题 参考文章: (1)vue添加滚动事件,解决简书Carol_笑一笑方案中vue移除滚动事件失效的问题 (2)https: ...
- ligerui combobox ajax,ligerui给ligerForm中的ligerComboBox添加事件
当通过ligerForm的fields配置类型为select的combobox时,给options配置tree中添加相关事件,如onSelect,这样是无法触发事件的.因为通过ligerForm来配置 ...
最新文章
- 写博客一定程度上是在刷存在感~
- javascript系列之DOM(三)---事件
- linux socket使用情况 ss -s ss -t -a | cat /proc/net/socketstat
- java gzip 解压文件_Java实现文件压缩与解压[zip格式,gzip格式]
- 资源包技巧和最佳实践
- 【机器学习】知识框图总结
- npm安装时-S -D分别的意思
- 河北省能力计算机提升培训,基于教师工作坊的河北省教师信息技术应用能力提升三位一体培训模式研究...
- 出道25年,那些乘风破浪的编程语言们
- 概率论与数理统计【一】- 随机事件与概率(1):古典概型与几何概型
- 全网首发:制作LINUX安装软件包,要处理哪些系统目录和文件(2)
- spring mvc静态资源放行
- 输出10000以内的质数C语言
- 【目标提取】计算机视觉中如何利用颜色和形状提取目标?
- vmd python 命令_VMD常用命令
- mysql错误1273_mysql8 参考手册--错误代码1273-1294
- ruby on rails validates uniqueness
- stream filter 多条件筛选
- spring的@Value注解使用
- 屡教不改!这四大运营商仍在出卖用户位置数据...
热门文章
- Spring源码分析【6】-ThreadLocal的使用和源码分析
- OpenCV代码提取:merge/split函数的实现
- Caffe源码中各种依赖库的作用及简单使用
- java 继承 意义_Java中继承,类的高级概念的知识点
- php发布商品信息逻辑,php – 逻辑思考一个数据库结构:为用户发布的东西添加“标签” – 一个单独的表或……?...
- imopen和bwmorph_MATLAB图像处理中的应用
- python如何处理异常_python如何进行异常处理
- CSS之布局(盒子模型--外边距)
- 服务器日志显示乱码,CentosOS 6.5 服务器 控制台输出中文乱码,日志打印中文也乱码...
- java file_Java IO: File