FineReport 分页预览下点击行第一列显示本行数据
来源:互联网 发布:好玩的rpg 知乎 编辑:程序博客网 时间:2024/04/25 16:36
1、首先问页面添加加载结束事件,方法如下:
var $table = $("table", $("#content-container"));var $tds = $("td", $table);for (var i = 0; i < $tds.length; i ++) { var $td = $($tds[i]); var tdid = $td.attr("id"); var colRow = FR.id2ColumnRow(tdid); if (colRow.col > 0 && colRow.row > 0){ var spa=$td.parent().find("span").html(); var val=$("tr[tridx="+colRow.row+"]","div.content-container").children().eq(0).html(); val=$(val).html(); if(spa==val&&spa!=null){ $td.hide(); } } }
2、在列第一行单元格添加超链接,添加js:
$("tr[tridx="+row+"]").children().show();
.csharpcode, .csharpcode pre{font-size: small;color: black;font-family: consolas, "Courier New", courier, monospace;background-color: #ffffff;/*white-space: pre;*/}.csharpcode pre { margin: 0em; }.csharpcode .rem { color: #008000; }.csharpcode .kwrd { color: #0000ff; }.csharpcode .str { color: #006080; }.csharpcode .op { color: #0000c0; }.csharpcode .preproc { color: #cc6633; }.csharpcode .asp { background-color: #ffff00; }.csharpcode .html { color: #800000; }.csharpcode .attr { color: #ff0000; }.csharpcode .alt {background-color: #f4f4f4;width: 100%;margin: 0em;}.csharpcode .lnum { color: #606060; }
添加参数row=row()-1//公式。
3、效果图,加载之后数据默认不显示;
点击超链接之后数据显示:
今天又找到一个更简单的方法:
先把要隐藏的单元格设置条件属性前景色为白色,单元格里面的内容就隐藏起来了,再在超链接中写js : $("tr[tridx="+row+"]").children().attr({"style":"none"}); 把style属性去掉就显示出来了,添加参数row=row()-1//公式。
效果还更好,边框不会隐藏起来。
.csharpcode, .csharpcode pre{font-size: small;color: black;font-family: consolas, "Courier New", courier, monospace;background-color: #ffffff;/*white-space: pre;*/}.csharpcode pre { margin: 0em; }.csharpcode .rem { color: #008000; }.csharpcode .kwrd { color: #0000ff; }.csharpcode .str { color: #006080; }.csharpcode .op { color: #0000c0; }.csharpcode .preproc { color: #cc6633; }.csharpcode .asp { background-color: #ffff00; }.csharpcode .html { color: #800000; }.csharpcode .attr { color: #ff0000; }.csharpcode .alt {background-color: #f4f4f4;width: 100%;margin: 0em;}.csharpcode .lnum { color: #606060; }
- FineReport 分页预览下点击行第一列显示本行数据
- 读取TXT文件,循环显示本行数据
- 点击本行选中行内复选框
- camera 土耳其语言下点击预览图无法显示
- Qt预览图片(同一目录下),点击后单张显示
- DataGrid第一行第一列数据显示不了
- 第一个smarty例子--分页显示数据
- FineReport JS实现分页预览改变鼠标悬停所在的行列的背景色
- repeater纵向重复显示数据,即第一列为字段,第二、三、四。。列重复显示数据
- FineReport填报分页设置
- FineReport填报分页设置
- [FineReport]图形化显示数据(进度条/等级)CSS
- n 行n列的显示数据
- ALV根据显示列动态修改行汇总列数据
- ajax 笔记--不用刷新实现数据的分页显示 (下)
- CListCtrl第一列数据居中
- 数据分页显示方案
- 数据分页显示
- JS判断一个数组中是否有重复值的三种方法
- JavaFx版本植物大战僵尸
- EXTJS自定义验证日期选择范围
- Extjs grid添加图片,按钮和超链接
- ExtJs4–表格--Grid
- FineReport 分页预览下点击行第一列显示本行数据
- ExtJs4常用工具类之Ext.util.Format
- ExtJs4之Ext.util.JSON编码和解码JSON对象
- EXTJS4之常用工具类与函数--Ext.core.Element
- 算法习题49:如何对n个数进行排序,要求时间复杂度O(n),空间复杂度O(1)
- EXTJS4之常用工具类与函数--Ext.util.TaskRunner
- ExtJs4之常用函数
- ExtJs4常用工具类与函数之Ext.core.DomHelper
- Oracle学习之一 数据词典与数据库对象