Java软件报表软件技术博客

java报表软件技术汇总 java报表软件制作 报表软件新闻
posts - 355, comments - 100, trackbacks - 0, articles - 3
   :: 首页 :: 新随笔 ::  :: 聚合  :: 管理

 JavaScript概述
       JavaScript是种脚本语言,它可以用来制作与网络无关的,与用户交互作用的复杂软件。它是一种基于对象(Object Based)和事件驱动(Event Driver)的编程语言。  JavaScript是动态的,它可以直接对用户或客户输入做出响应,无须经过Web服务程序。它对用户的反映响应,是采用以事件驱动的方式进行的。所谓事件驱动,就是指在主页(Home Page)中执行了某种操作所产生的动作,就称为“事件”(Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后,可能会引起相应的事件响应。
      
        JavaScript
是依赖于浏览器本身,与操作环境无关,只要能运行浏览器的计算机,并支持JavaScript的浏览器就可正确执行。即JavaScript源代码在发往客户端执行之前不需经过编译,而是将文本格式的字符代码发送给客户编由浏览器直接解释执行。

其他事件

使用FineReport报表软件时除了各控件中可以添加事件外,超级链接也可以引用JavaScript,具体使用方法将在之后的章节中详述。同时在报表|报表Web属性及服务器|服务器配置中也可以添加各种JS事件,如下图所示

 

超链接引用JavaScript

    该例子实现用户在点击超级链接的时候,根据输入的页码,来决定链接到指定的页面。

有两种引用方式:

1.  将写好的方法保存为js文件,放置在工程下,在超级链接中直接调用

1.1  新建报表

1.2  模板设计

B3单元格中写入公式:=range(1,40),并将其扩张属性改为“从左到右扩展”,并将其设为居中,如下图所示:

1.3  添加超链接

l  右击B3单元格,选择超级链接,进入超级链接界面,点击添加JavaScript,如下图所示

 

l  写一段Js代码,内容为:

function demo() {  

var test = function() {

var num = parseInt(arguments[0]);

contentPane.gotoPage(num);

};

var value = FR.Msg.prompt("输入", "页码", 2, test);

}

说明:

var num = parseInt(arguments[0]); //获得输入框中输入的页码

contentPane.gotoPage(num); //跳转到相应页码

var value = FR.Msg.prompt("输入", "页码", 2, test); //参数分别为对话框标题、对话框内容、输入框默认值、回调函数

将此段内容保存为test.js文件 ,放在WebReport目录下,在超级链接界面中插入该test.js,并在下面的function fun()函数中调用demo();

效果如下图所示:

 

1.4  保存并预览

点击超级链接,出现如下图所示的输入提示对话框

 

在输入对话框中输入需要跳转的页数,并点击确定按钮,就跳转到相应的页面。

2.  直接在超级链接界面上写js方法

2.1  新建报表

2.2  模板设计

B3单元格中写入公式:=range(1,40),并将其扩张属性改为“从左到右扩展”,并将其设为居中,如下图所示:

 

 

2.3  添加超链接

l  右击B3单元格,选择超级链接,进入超级链接界面,点击添加JavaScript,如下图所示

 

l  function fun(){}函数中写入如下JS语句:

function test(){  

var num = parseInt(arguments[0]); 

_g('${sessionID}').gotoPage(num);   

};

var value = FR.Msg.prompt("输入", "页码", 2,test);

说明:

_g('${sessionID}').gotoPage(num); //跳转到相应页码

如下图所示

 

2.4保存预览

点击超级链接,出现如下图所示的输入提示对话框

 

在输入对话框中输入需要跳转的页数,并点击确定按钮,就会跳转到相应的页面。

 文章转自:http://reportblog.cn/archives/923




评论

# re: FineReport报表工具内置JS的使用之二  回复  更多评论   

2010-09-03 13:42 by xiaohonghong27
功能还是蛮强大的,赞一个

# re: FineReport报表工具内置JS的使用之二  回复  更多评论   

2010-09-03 18:32 by 郭嘉
支持了

# re: FineReport报表工具内置JS的使用之二  回复  更多评论   

2010-09-03 21:45 by 小乔
支持了+1

只有注册用户登录后才能发表评论。


网站导航: