ActiveReports报表控件教程之如何使用JSP程序调用it-jsp文件怎么打开

ActiveReports报表解决方以提供.NET报表所需的全部报表设计和管理功能先于同类产品。ActiveReports可在.NET多个平台无缝迁移,也能扩展到Java/PHP/Node.js等Web应用。对IE/Chrome/Firefox/Safari有良好的兼容能力,并支持平板电脑、智能手机等移动设备。

本文主要介绍如何使用JSP程序调用ActiveReports报表。

1.在IIS服务器上部署ActiveReports项目

在Visual Studio 2013中成功编译ActiveReports项目。并将该项目部署至IIS服务器。在Defalu Web Site下新建dotnetar。

ActiveReports报表控件教程之如何使用JSP程序调用it

应用程序池设置如下:

ActiveReports报表控件教程之如何使用JSP程序调用it

在前台建立Html页面,调用关键代码


var viewer = GrapeCity.ActiveReports.Viewer({
element: '#viewerContainer',
reportService: {
url: 'WebService1.asmx'
},
uiType: 'desktop',
reportLoaded : function {
reportsButtons.prop('disabled', false);
}
});

由于是跨域访问,需要打开相关限制。新建Global.asax,增加以下代码


protected void Application_BeginRequest(object sender, EventArgs e)
{
HttpContext.Current.Response.AddHeader("Access-Control-Allow-Origin", "*");
if (HttpContext.Current.Request.HttpMethod == "OPTIONS")
{
HttpContext.Current.Response.AddHeader("Access-Control-Allow-Methods", "GET, POST, OPTIONS");
HttpContext.Current.Response.AddHeader("Access-Control-Allow-Headers", "Content-Type, Accept");
HttpContext.Current.Response.End;
}
}

部署成功后,在浏览器输入http://localhost/DotNetAR/WebService1.asmx

显示页面如下:

ActiveReports报表控件教程之如何使用JSP程序调用it

2.部署JSP代码至Tomcat服务器

JSP调用代码如下


var viewer = GrapeCity.ActiveReports.Viewer( {
element : '#viewerContainer',
reportService : {
url : 'http://localhost/DotNetAR/WebService1.asmx'
},
uiType : 'desktop',
reportLoaded : function {
reportsButtons.prop('disabled', false);
}
});

将WebRoot项目部署至Tomcat下。

3.运行结果

IIS运行如下图:

ActiveReports报表控件教程之如何使用JSP程序调用it

Tomcat运行如下图:

ActiveReports报表控件教程之如何使用JSP程序调用it

最新版下载:ActiveReportsv9

本站文章除注明转载外,均为本站原创或翻译

推荐阅读