FineReport——JS二次开发(分页预览)

BS访问某个cpt模板,报表servlet将会将cpt文件解析成对应的html,报表内容最终转换为一个table,位于id=content-container的div中。

在模板和html页面中,他们定义的方法可以相互调用,不过得先获取到对象:

由于分页预览只是展现,在这种查看方式下FR没有现成单元格获取方法,可以用jquery语法获取指定单元格,如:

$("tr[tridx=行号]","div.content-container").children().eq(列号)

在填报预览中可以有多种方法获取单元格的值。

获取单元格值:

$("tr[tridx=行号]","div.content-container").children().eq(列号).html();

修改单元格值:

$("tr[tridx=行号]","div.content-container").children().eq(列号).html(新值);

鼠标点击改变鼠标所在行颜色:

contentPane.makeHighlight(‘red‘); //使点击的行变成红色

鼠标滑过改变鼠标所在行的颜色:

contentPane.makeHighlight(‘red‘,‘mouseover‘);

定时刷新报表模板:

setInterval("self.location.reload();",10000); //10000ms即每10s刷新一次页面。

禁用右键(防止通过查看源码而得到报表路径):

function nocontextmenu(event){
event = event || window.event;
if (event.which == 2 )
event.returnValue = false;
return false;
}
document.oncontextmenu = nocontextmenu;

改变鼠标所在行的行高:

$(‘tr‘).each(function(){
                var _height = $(this).height();
                $(this)
                .mouseover(function(){$(this).height(‘40‘);})
                .mouseout(function(){$(this).height(_height);});
             });

通过选择一个日期给另外一个日期控件赋值(在一个日期控件的编辑后事件中添加如下JS,控件名分别为:starttime,endtime):

var date1=new Date(this.getValue());
var date2= new Date();
date2.setTime(date1.getTime()+(7*24*60*60*1000));
this.options.form.getWidgetByName("endtime").setValue(date2);
时间: 2024-10-16 06:36:50

FineReport——JS二次开发(分页预览)的相关文章

FineReport——JS二次开发(自定义翻页按钮)

FR允许自定义工具栏上面的按钮,并提交JS方法: 对于翻页功能,大概有首页,下一页,上一页,最后一页,以及跳转页等功能. 不得不说的是,在HTML页面自定义的按钮如何获取到报表模板,通过FR提供的JS方法,可以获取到这个模板(reportFrame为html标签iframe的id名称): document.getElementById('reportFrame').contentWindow.contentPane.方法名称(); 首页: document.getElementById('rep

FineReport——JS二次开发(工具栏按钮事件及说明)

首先获取到这个模板对象: document.getElementById('reportFrame').contentWindow.contentPane.方法名称(); 方法以及说明:

【转】WP8.1开发人员预览版本已知 Bug

偶的 Lumia 920 已经升级到最新的 8.1 开发人员预览版本,使用中没有发现什么问题. 可能是因为偶玩手机的情况比较少吧!忽然看到 MS 停止此版本的更新,并说明有很多的 BUG,偶就郁闷了. 以下是从网络上复制过来的,大家看看吧. Windows Phone 8.1开发者预览版推出近1周,抢先体验和测试多多少少遇到了一些问题,有的是系统固件方面的问题,有的官方或第三方应用方面的问题,还有的是系统功能的改变带来的问题. 不想尝试新版WP8.1或者嫌麻烦的机友可以直接等今夏开始的WP8.1

玩转Android Camera开发(四):预览界面四周暗中间亮,只拍摄矩形区域图片(附完整源码)

杂家前文曾写过一篇关于只拍摄特定区域图片的demo,只是比较简陋,在坐标的换算上不是很严谨,而且没有完成预览界面四周暗中间亮的效果,深以为憾,今天把这个补齐了. 在上代码之前首先交代下,这里面存在着换算的两种模式.第一种,是以屏幕上的矩形区域为基准进行换算.举个例子,屏幕中间一个 矩形框为100dip*100dip.这里一定要使用dip为单位,否则在不同的手机上屏幕呈现的矩形框大小不一样.先将这个dip换算成px,然后根据屏幕的宽和高的像素计算出矩形区域,传给Surfaceview上铺的一层Vi

js实现移动端图片预览:手势缩放, 手势拖动,双击放大...

.katex { display: block; text-align: center; white-space: nowrap; } .katex-display > .katex > .katex-html { display: block; } .katex-display > .katex > .katex-html > .tag { position: absolute; right: 0px; } .katex { font-style: normal; font

JS实现图片上传预览效果:方法一

<script type="text/javascript"> //处理file input加载的图片文件 $(document).ready(function(e) { //判断浏览器是否有FileReader接口 if(typeof FileReader =='undefined') { /*$("#images_show").css({'background':'none'}).html('亲,您的浏览器还不支持HTML5的FileReader接口

基于Three.js的360X180度全景图预览插件

基于Three.js的360X180度全景图预览插件 时间 2015-08-12 10:01:10  HTML5中国 原文  http://www.html5cn.org/article-8621-1.html 主题 Three.js 简要教程 Photo Sphere Viewer是一款基于Three.js的360X180度全景图预览js插件.该js插件可以360度旋转查看全景图,也可以上下180度查看图片.使用该插件的唯一要求是浏览器支持canvas或WebGL. 查看演示      下载插

利用js加载本地图片预览功能

直接上代码: 经测试,除safari6包括6以下不支持,其他均可正常显示. 原因:safari6不支持filereader,同时不能使用IE滤镜导致失效. fix: 可以利用canvas,解决safari6的问题 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

python 开发规范 预览版

python 开发规范 预览版 本文主要参考 pep8和jumpserver开发规范,结合实际,进行修改,欢迎提出修改意见. 代码检查工具 pylint pycharm --> code --> Reformat Code 格式化当前文件代码格式 pycharm --> 右击项目 --> Inspect Code 根据pep8格式检查当前项目 基本的代码布局 导入 import x from x import y from x import y as z 禁止import x,y