找回密码
 立即注册

QQ登录

只需一步,快速开始

spdrtsoft

金牌服务用户

16

主题

70

帖子

180

积分

金牌服务用户

积分
180

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

spdrtsoft
金牌服务用户   /  发表于:2016-3-24 16:18  /   查看:6148  /  回复: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-25 15:14:09
16#
这么诡异~~可能装的时候有些功能没有装全~谢谢您的反馈~奖励500金币~~
回复 使用道具 举报
spdrtsoft
金牌服务用户   /  发表于:2016-3-25 15:08:00
15#
好了,卸了重新装了一遍。应该是装的时候有问题!!!

评分

参与人数 1金币 +500 收起 理由
Lenka.Guo + 500 很给力!

查看全部评分

回复 使用道具 举报
Lenka.Guo讲师达人认证 悬赏达人认证
超级版主   /  发表于:2016-3-25 14:08:27
14#
代码中有个小错误,报表引用时要用单引号:

report:
{
id: ‘test.rdlx’
}

还有可能是报表路径不正确导致的,您可以尝试修改报表路径。


本帖子中包含更多资源

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

x
回复 使用道具 举报
spdrtsoft
金牌服务用户   /  发表于:2016-3-25 13:07:08
13#
例子里面所有的都引用了,还是说报表不可用。

本帖子中包含更多资源

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

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

根据您给出的截图,发现是缺少css文件或资源文件导致的,是否包含以下文件    <link href="css/theme-cosmo.css" rel="stylesheet">    <link href="css/site.css" rel="stylesheet">
您可以参考博客,对照,看看是少了哪些引用文件:http://blog.gcpowertools.com.cn/post/2014/02/24/ActiveReports_HTML5.aspx

目录中有的CSS和js文件,Fonts文件都需要添加,都可以在本地实例目录下找到。


回复 使用道具 举报
spdrtsoft
金牌服务用户   /  发表于:2016-3-25 12:04:24
11#
按你说的弄完后,出现下图。

本帖子中包含更多资源

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

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

本帖子中包含更多资源

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

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