使用HTML5报表浏览器如何传报表？

收藏

本帖最后由 Lenka.Guo 于 2016-9-23 13:54 编辑

如题,activereport9中如何使用html5预览, 如何将数据库的流文件传入到HTML5预览控件中预览呈现？最好能提供DEMO运行

Lenka.Guo · Lenka.Guo

activereport9中如何使用html5预览
》》参考博客：http://blog.gcpowertools.com.cn/post/ActiveReports_HTML5.aspx
HTML5Viewer 是通过报表id来生成对应的报表的

》》如何将数据库的流文件传入到HTML5预览控件中预览呈现
这个主要取决于您是如何将报表文件转换成流对象存储到数据库中的。
基本的解决思路就是：
1. 新建Web.Service文件，继承GrapeCity.ActiveReports.Web.ReportService文件
2.重写OnCreateReportHandler 方法，在这个方法中将取出来的流对象，处理后生成报表对象返回给HTML5Viewer。
具体可参考博客： http://blog.gcpowertools.com.cn/post/html5DataSourceRunTime.aspx

天心天思技术部 · 天心天思技术部

Lenka.Guo 发表于 2016-9-23 13:54
activereport9中如何使用html5预览
》》参考博客：http://blog.gcpowertools.com.cn/post/ActiveReports_H ...

这些博客上面附带的DEMO我这边都没办法正常运行看到效果, 能不能给一个简单的,就移动端预览报表的DEMO,如何将数据库的报表传到前台控件显示？

Lenka.Guo · Lenka.Guo

天心天思技术部发表于 2016-9-23 14:53
这些博客上面附带的DEMO我这边都没办法正常运行看到效果, 能不能给一个简单的,就移动端预览报表的DEMO, ...

>>Demo运行不了，主要报的是什么错误？这个很可能是因为Demo中使用的AR版本与您机器中安装的版本不一致导致的，只需要使用VS中=-》工具-一键转换为AR9就可以了。

>>移动端预览报表的DEMO,如何将数据库的报表传到前台控件显示？
您可以先了解下HTML5Viewer展示报表的整个过程和机制。在初始化HTML5Viewer需要为浏览器传递报表ID的值，以此来生成对应报表。

所以当前台初始化后htmlviewer 5时会传递一个ID值，如：var viewer = GrapeCity.ActiveReports.Viewer( { element: '#viewer', report: { id: "PageReport1.rdlx" },

那么在OnCreateReportHandler方法中，会有一个reportPath，这个reportPath就是前台传进来的id，根据 reportPath从数据库取到对应的报表对象：

protected override object OnCreateReportHandler(string reportPath)
{
if(reportPath=="RdlReport1.rdlx")
{
PageReport rpt= GetReportFromDB(reportPath) as PageReport;

return rpt
}
}

这样就可以生成在HTML5Viewer中加载对应的报表。

天心天思技术部 · 天心天思技术部

Lenka.Guo 发表于 2016-9-23 15:46
>>Demo运行不了，主要报的是什么错误？这个很可能是因为Demo中使用的AR版本与您机器中安装的版本不一致 ...

运行DEMO的时候会出现改图的报错导致打开页面没任何反应,

Lenka.Guo · Lenka.Guo

天心天思技术部发表于 2016-9-26 14:31
运行DEMO的时候会出现改图的报错导致打开页面没任何反应,

这个错误原因，是因为开发Demo时使用的AR版本与您机器中的版本不一致。
所以导致以下文件版本号也不一致：
1.ActiveReports dll 文件版本
2. Web.Config文件中声明的版本号不一致
3. HTML5Viewer的 GrapeCity.ActiveReports.Viewer.Html.js文件版本不一致，所以您发生的这个错误就是这个原因导致的，需要移除Demo中 GrapeCity.ActiveReports.Viewer.Html.js文件，然后在本地安装目录下找到本机的js文件添加到项目中：C:\Program Files (x86)\GrapeCity\ActiveReports 10\Deployment\Html

天心天思技术部 · 天心天思技术部

Lenka.Guo 发表于 2016-9-26 15:12
这个错误原因，是因为开发Demo时使用的AR版本与您机器中的版本不一致。
所以导致以下文件版本号也不一致 ...

附件是按照你们博客上面做出来的DEMO, 你帮我看一下是否是有什么问题，我这边删除重新添加你说的引用或者文件都还是会出未定义的问题,急需一个可以执行的DEMO所以麻烦你们能快一些处理！

Lenka.Guo · Lenka.Guo

本帖最后由 Lenka.Guo 于 2016-9-26 15:52 编辑

天心天思技术部发表于 2016-9-26 15:46
附件是按照你们博客上面做出来的DEMO, 你帮我看一下是否是有什么问题，我这边删除重新添加你说的引用或者 ...

如果您非常着急HTML5Viewer的Demo,可以先查看本地的HTML5Viewer的示例，路径：C:\Users\lenkaguo\Documents\GrapeCity Samples\ActiveReports 10\HTML5 Viewer
还有HTML5Viewer 因为使用的是HTML5技术，所以浏览器不支持IE8。

天心天思技术部 · 天心天思技术部

Lenka.Guo 发表于 2016-9-26 15:51
如果您非常着急HTML5Viewer的Demo,可以先查看本地的HTML5Viewer的示例，路径：C:%users\lenkaguo\Documen ...

就是因为自带安装目录下的那个DEMO无法使用才自己按照你们的博客重新搭建一个,结果还是不行。

Lenka.Guo · Lenka.Guo

本帖最后由 Lenka.Guo 于 2016-9-26 16:10 编辑

天心天思技术部发表于 2016-9-26 16:05
就是因为自带安装目录下的那个DEMO无法使用才自己按照你们的博客重新搭建一个,结果还是不行。

HTML5Viewer 因为使用的是HTML5技术，所以浏览器不支持IE8。您使用的是什么版本的浏览器？通常情况下本机示例是不会出现问题的。我正在在AR9 SP2的环境下测试您的Demo，测试完成之后给您反馈。

		自动登录	找回密码
密码			立即注册

使用HTML5报表浏览器如何传报表？

15 个回复

本帖子中包含更多资源

本帖子中包含更多资源

微信认证勋章

活字格认证

讲师达人

悬赏达人

元老葡萄