找回密码
 立即注册

QQ登录

只需一步,快速开始

spdrtsoft

金牌服务用户

16

主题

70

帖子

180

积分

金牌服务用户

积分
180

活字格认证微信认证勋章元老葡萄

spdrtsoft
金牌服务用户   /  发表于:2016-3-24 16:18  /   查看:6877  /  回复:15
本帖最后由 Lenka.Guo 于 2016-3-24 16:33 编辑

刚开始用Html5的activereports
运行不起来。


另外有没有相关的JS文档。



<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="../themes/bootstrap/easyui.css" rel="stylesheet" type="text/css" title="skin" />
    <link href="../Common/Tools/ActiveReportsJS/GrapeCity.ActiveReports.Viewer.Html.css" rel="stylesheet" type="text/css" />
    <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js" type="text/javascript"></script>
    <!--<script src="../js/jquery.easyui.min.js" type="text/javascript"></script>-->
    <script src="../Common/Tools/ActiveReportsJS/GrapeCity.ActiveReports.Viewer.Html.js" type="text/javascript"></script>



</head>
<body>
    <div id="viewer" style="width: 600px; height: 480px;"></div>
</body>
</html>
<script>
    $(function () {
        var viewer = GrapeCity.ActiveReports.Viewer(
        {
            element: '#viewer',
            report: {
                id: "test.rdlx"
                //,
                //参数
                //parameters: [
                //                {
                //                    name: 'CustomerID',
                //                    value: 'ALFKI'
                //                }
                //]

            },
            selectedReportIndex: 0,

            //reportService: {
            //    url: '/ActiveReports.ReportService.asmx'
            //},
            uitype: 'desktop',
            documentLoaded: function reportLoaded() {
                console.log(viewer.pageCount);
            },
            reportLoaded: function (reportInfo) {
                console.log(reportInfo.parameters);
            },

            error: function (error) {
                console.log("error");
            }

        });
    });
</script>


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

15 个回复

倒序浏览
Lenka.Guo讲师达人认证 悬赏达人认证
超级版主   /  发表于:2016-3-24 16:33:29
沙发
根据错误描述,是由于缺少GrapeCity.ActiveReports.Viewer.Html.js和GrapeCity.ActiveReports.Viewer.Html.min.js 文件及缺少对这两个文件的引用导致的;

可在ActiveReports 10 的安装目录下,找到这两个文件,路径如:C:\Program Files (x86)\GrapeCity\ActiveReports 10\Deployment\Html
将这两个文件添加到项目中对应的文件夹下就可以了
回复 使用道具 举报
spdrtsoft
金牌服务用户   /  发表于:2016-3-24 16:37:28
板凳
麻烦看一下我下面贴的代码,引用了呀。
回复 使用道具 举报
Lenka.Guo讲师达人认证 悬赏达人认证
超级版主   /  发表于:2016-3-24 16:48:11
地板
本帖最后由 Lenka.Guo 于 2016-3-24 16:51 编辑
spdrtsoft 发表于 2016-3-24 16:37
麻烦看一下我下面贴的代码,引用了呀。

这两个文件添加到项目路径下了没:../Common/Tools/ActiveReportsJS/  ; 如果添加了可能是路径不正确导致的
回复 使用道具 举报
spdrtsoft
金牌服务用户   /  发表于:2016-3-24 16:49:41
5#
添加了。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
Lenka.Guo讲师达人认证 悬赏达人认证
超级版主   /  发表于:2016-3-24 16:57:13
6#
本帖最后由 Lenka.Guo 于 2016-3-24 16:58 编辑

那就是引用路径不正确,系统没有找到这个文件,可以写成完整的路径测试下。

HTML5Viewer的资源汇总,可参考帖子:
http://gcdn.gcpowertools.com.cn/showtopic-21243-1-1.html
回复 使用道具 举报
spdrtsoft
金牌服务用户   /  发表于:2016-3-24 17:04:48
7#
请看一楼的截图呀,Uncaught ReferenceError: ko is not defined
是因为js里面ko没有定义。说明已经找到引用的js了。
回复 使用道具 举报
Lenka.Guo讲师达人认证 悬赏达人认证
超级版主   /  发表于:2016-3-24 17:12:08
8#
spdrtsoft 发表于 2016-3-24 17:04
请看一楼的截图呀,Uncaught ReferenceError: ko is not defined
是因为js里面ko没有定义。说明已经找到引 ...

这个错误很常见,是缺少js导致的错误。下面是我删除项目中js文件之后,报的错误。



如果您检查路径也没有问题,那您把Demo 传给我,我在这边验证检查,到底是什么出了问题?

或者是,您新升级ActiveReports10 之后,js文件没有更新?



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
spdrtsoft
金牌服务用户   /  发表于:2016-3-24 17:29:13
9#
我这路径应该是没有问题的,具体见附件麻烦看一下。路径是通过VS选的,不是手填进去的。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
Lenka.Guo讲师达人认证 悬赏达人认证
超级版主   /  发表于:2016-3-24 17:50:07
10#
本帖最后由 Lenka.Guo 于 2016-3-24 17:57 编辑

经过测试发现是缺少:
knockout-2.3.0.js 文件,
i18n文件夹(包含HTML5Viewer 资源文件)

GrapeCity.ActiveReports.Viewer.Html.js 文件中有引用到knockout-2.3.0.js  的方法

knockout-2.3.0.js文件下载;


i18n 文件在安装目录下找到:
C:\Program Files (x86)\GrapeCity\ActiveReports 10\Deployment\Html\i18n

还要代码一定要引用ActiveReports.asmx服务文件

代码修改为:

var viewer = GrapeCity.ActiveReports.Viewer(
            {
                element: '#viewer',
                report: {
                    id: "test.rdlx"                  

                },
               
                reportService: {
                    url: '/ActiveReports.ReportService.asmx'
                },
                uitype: 'desktop',

                localeUri: 'Scripts/i18n/Localeuri.txt',

                documentLoaded: function reportLoaded() {
                    console.log(viewer.pageCount);
                },
                reportLoaded: function (reportInfo) {
                    console.log(reportInfo.parameters);
                },

                error: function (error) {
                    console.log("error");
                }

            });

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部