当前位置:首页 > Web开发 > 正文

下面我们就举个栗子: 实例一要求: 报表中增加说明提示框

2024-03-31 Web开发

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

大都情况下,填报表会作为整个项目的一部分共同需求灵活使用,但有时也会受大项目环境的影响,孕育产生一些特另外要求。好比,凡是报表单元格的数据类型大多是文本,有时却需要借助 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 函数,供其他单元格引用,这样就可以给用户的报表设计带来很大便利。

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

标签:

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

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/32740.html