环境介绍

锐浪报表版本 “Version”:“6.6.6.5”
程序使用 mybatis+struts2
数据库oracle

引入js文件

   <script src="${ctx}/public/report/GRInstall.js" type="text/javascript"></script><script src="${ctx}/public/report/GRUtility.js" type="text/javascript"></script><script src="${ctx}/public/report/grhtml5-6.6-min.js" type="text/javascript"></script><script src="${ctx}/public/report/jquery-1.12.4.min.js" type="text/javascript"></script>

以上是锐浪报表Web端插件所使用到的js

在网页中插入设计器插件

<body style="margin:0" onload="return window_onload()"><script language="javascript">CreateDesignerEx("100%", "100%", "${ctx}/login/decode.grf", "", "", "<param name='OnSaveReport' value='OnSaveReport'>"+"<param name='OnRequestData' value='OnRequestData'>");ReportDesigner.Report.ShowProgressUI = true;//模板加载读条</script>
</body>
参数说明--#1:宽度,#2高度,#3模板地址,#4保存地址,#5数据源地址,#6报表内置的一些属性方法
---${ctx}/login/decode.grf  已经购买了版权的情况下,可以在项目里放置一个解过码的grf文件,后面通过js加载自己设计的模板覆盖掉"decode.grf"就可以去掉水印了

通过JS加载报表模板

function window_onload(){//这里使用的是原生的ajax来加载,不想重新写了var xmlhttp = CreateXMLHttpRequest();xmlhttp.onreadystatechange=function(){if (xmlhttp.readyState==4 && xmlhttp.status==200){ReportDesigner.Report.LoadFromStr(xmlhttp.responseText);ReportDesigner.Reload();//通过这个方法将报表刷出来}}xmlhttp.open("POST", encodeURI(ReportLoadUrl), false);xmlhttp.send();
}

报表加载的后台方法

 /*** 从数据库加载模板* @Author gaoyuan* @return*/public String loadReportstr() {reportInfo = reportManageService.getReport(reportId);xml = reportInfo.getFile();Struts2Utils.renderText(xml);return null;}

到这里模板就加载在出来 0.0

将报表保存在数据库

var OnSaveReport = function(){//保存设计的报表模板AjaxDesignerSave(ReportDesigner,reportId); //忽略掉设计器本身的保存行为ReportDesigner.DefaultAction = false;
}
var AjaxDesignerSave = function(ReportDesigner,reportId){ReportDesigner.Post();//一定要刷哦!不然有缓存var strReport = ReportDesigner.Report.SaveToStr();//将设计好的模板转为字符串,转出来是json字符串var pars={"reportId":reportId,"strReport": encodeURI(strReport)};$.ajax({url : '../doSaveReport.cgi', //后台处理程序type : 'POST', //数据发送方式    不限制参数长度.data:pars,dataType : 'json' ,//async:false,success:function(data){if(data.success){alert(data.msg);}else{alert(data.msg);}} });
}

public void doSaveReport() throws IOException {try {String parameter = URLDecoder.decode(strReport, "UTF-8");DaoFactory.getReportManageDao().upReport(parameter, reportId);ResMsg.result(true, "模板保存成功!");} catch (Exception e) {ResMsg.result(false, "模板保存失败!");}}

<!-- 报表对应实体类的设置,file是存报表字符的字段 -->
<result property="file" column="C_FILE" jdbcType="CLOB" javaType = "java.lang.String"/>

从后台加载数据源

页面请求

var OnRequestData = function (Report){//进入设计器的预览视图或查询视图会触发 OnRequestData 事件，在此事件中将报表数据载入到参数 Report 对应的报表对象中AjaxSyncLoadReportData(Report, "../reportManageAction!loadData.cgi");
}

后台响应可以自己处理,返回xml格式或者json格式的数据只要满足锐浪报表的数据规范即可

第一次写博客啊啊啊啊啊啊 !!! 有些地方可能顺序不是很合理,多多包涵,又不懂的地方可以私信我

锐浪报表开发Web版相关推荐

锐浪html5打印,WEB打印
WEB打印方式概述 WEB浏览器本身具备打印当前网页的功能,当网页内容超过一页时就需要分页处理,浏览器对这样的分页处理都不完善,直接利用浏览器的打印功能很难实现多页数据的完美打印.各种浏览器的打印行为 ...
锐浪报表 Grid++Report 免注册DLL C/S报表开发（一）
Grid++Report报表,传统的发送方式,除了发布程序以外外,还要为客户注册DLL.由于,多数客户已经使用Win10,Win10在注册Dll时,对权限要求比较严,客户自己注册比较困难,使得软件发布 ...
报表工具对比之润乾报表与锐浪报表对比
目前市场上报表工具五花八门,国内的.国外的.开源的.收费的,让人不免有眼花缭乱之感.本文将简单地从报表设计.数据处理.数据填报.数据分析.集成调用几方面对大家使用的比较多的润乾报表和锐浪报表(Grid ...
.NET 程序下锐浪报表 (Grid++ Report) 的绿色发布指南
在锐浪报表官方为 CSharp 编写的开发文档:"在C#与VB.NET中开始使用说明.txt" 中,关于发布项目是这么描述的: ★发布你的项目,用VS.NET制作安装程序: 1.先 ...
锐浪报表 VFP9 全示例文件，示例所用锐浪版本号为 6.8.22.1201
锐浪报表 VFP9 全示例文件,示例所用锐浪版本号为 6.8.22.1201 原文地址: https://mp.weixin.qq.com/s/jY0WiDlpi-sFfFJVuipUIQ 被人安利了 ...
锐浪报表C#_web
前言: 维护项目需要用锐浪报表: 问:使用锐浪(Grid++Report )之前的要做什么? 答: 看清楚版本是Grid++Report 4.5,Grid++Report5.6 ,Grid++Repo ...
【Winform】锐浪报表使用
在发开报表时,使用了锐浪报表. 需要注意的一些细节: 1.给staticbox设置文本,通过GridppReport的变量,使用ControlByName获取到控件后进行设置文字 _report.Co ...
锐浪报表(Grid++Report)实现动态图片链接
使用锐浪报表配置打印模板的时候,需要链接到网络图片,拖出图片控件. 之后在初始化加载脚本里面填上下面的代码 var paraImgPath = Report.ParameterByName(" ...
锐浪报表(实现打印机打印配货单功能)
一.安装锐浪报表(写的比较絮叨,见谅~ 见谅~ 希望对你有帮助) 1.网上找到安装包下载安装就行,安装之后有三个程序.Grid++Report 帮助文档(你想要的都在里面).Grid++Report ...
锐浪报表（悦商云B2）报表排序设置
锐浪报表(悦商云B2)报表排序设置锐浪报表,排序打印设置: 设置方法:点击[记录集]→[行为]→[排序字段]→需要排序的字段,如果是多个字段选择[多选],如果某个字段需要倒序后面加 desc(空格+ ...

锐浪报表开发Web版

创建设计器

环境介绍

引入js文件

在网页中插入设计器插件

通过JS加载报表模板

报表加载的后台方法

将报表保存在数据库

从后台加载数据源

第一次写博客啊啊啊啊啊啊 !!! 有些地方可能顺序不是很合理,多多包涵,又不懂的地方可以私信我

锐浪报表开发Web版相关推荐

最新文章

热门文章