找回密码
 立即注册

QQ登录

只需一步,快速开始

孤月_2022

注册会员

6

主题

39

帖子

105

积分

注册会员

积分
105
孤月_2022
注册会员   /  发表于:2022-8-24 20:35  /   查看:3593  /  回复:16
1金币
<script type="text/javascript">
    let viewer;
    window.onload = function () {
  document.body.style.cursor = 'hand'
        viewer = GrapeCity.ActiveReports.JSViewer.create({
            element: '#viewerContainer',
            reportService: {
                url: 'api/reporting/',
            },
            reportID: 'Reports/Preview/ReportOutput/TESTT.rdf',
            renderMode: '1',
            documentLoaded: () => {
                viewer._viewer.zoom = { mode: 0, factor: '0.8' };
                viewer.renderMode = '1';
            },
        });
    }
   
</script>


activereport14 使用JSViewer实现了预览功能。下面两个功能我怎么才能使用JSViewer或者其它可用的方式实现:
(1)画面初期化的时候只进行账票预览,不印刷。然后点击画面上的“印刷”按钮,再进行印刷处理。(不使用预览控件上自带的打印机按钮)
(2)如果功能(1)无法实现  只能使用预览控件上的打印机按钮来打印,那么,我如何实现打印【PaperSize】,【PaperHeight】,【PaperWidth】,【Orientation】等等的设定。

最佳答案

查看完整内容

我们web试了一下,确实没办法控制,因为web端的这个打印调用的是浏览器的打印方法,所以改不了里面的属性,但是我们有一个后端的教程,你可以参考参考:https://gcdn.grapecity.com.cn/showtopic-49016-1-1.html

16 个回复

倒序浏览
最佳答案
最佳答案
Felix.LiWyn认证
超级版主   /  发表于:2022-8-24 20:35:06
来自 11#
孤月_2022 发表于 2022-8-25 14:06
我截图说明了一下我想要实现的功能

我们web试了一下,确实没办法控制,因为web端的这个打印调用的是浏览器的打印方法,所以改不了里面的属性,但是我们有一个后端的教程,你可以参考参考:https://gcdn.grapecity.com.cn/showtopic-49016-1-1.html
回复 使用道具 举报
Felix.LiWyn认证
超级版主   /  发表于:2022-8-25 08:58:59
2#
第一个可以使用我们的提供方法,自己写一个刷印button,然后调用我们的方法:viewer.print()

调用打印按钮在设置使用的纸张

你也可以看一下我们的API:https://www.grapecity.com/active ... sing-js-viewer.html

本帖子中包含更多资源

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

x
回复 使用道具 举报
孤月_2022
注册会员   /  发表于:2022-8-25 10:05:50
3#
你好,我还想问两个问题。
(1)调用viewer.print()和直接点击预览控件中的打印机按钮,调用打印对话框的效果是一样的对吧?
(2)我有没有办法通过代码去设置【PaperSize】,【PaperHeight】,【PaperWidth】,【Orientation】等等的打印样式,而不是打印对话框弹出来以后再去选择。


帮助文档我翻看了好久  没找到有通过代码设置打印样式的例子。
回复 使用道具 举报
wengMQ悬赏达人认证
银牌会员   /  发表于:2022-8-25 10:15:37
4#
viewer = GrapeCity.ActiveReports.JSViewer.create({
            element: '#viewerContainer',
            reportService: {
                url: 'api/reporting/',
            },
            reportID: 'Reports/Preview/ReportOutput/TESTT.rdf',
            renderMode: '1',
            documentLoaded: () => {
                viewer._viewer.zoom = { mode: 0, factor: '0.8' };
                viewer.renderMode = '1';
            },
         reportLoaded: (reportInfo) => {
                viewer.toolbar.desktop.removeItem("$print");
                var PrintBut = {
                        key: '$LodopPrint',
                        iconCssClass: 'fa fa-print',
                        text: '打印',
                        enabled: true,
                        action: function (item) {
                           
                        }
                    };
                    viewer.toolbar.desktop.addItem(PrintBut);
        }
        });
回复 使用道具 举报
wengMQ悬赏达人认证
银牌会员   /  发表于:2022-8-25 10:16:26
5#
这是去掉打印按钮和增加自定义打印按钮的代码
回复 使用道具 举报
孤月_2022
注册会员   /  发表于:2022-8-25 10:40:20
6#
恩  上面的例子我明白了,谢谢。其实我要实现的功能  无论是自己定义一个印刷按钮,还是说通过预览控件上的打印机按钮来打印账票  重点是  我能不能通过代码去设置打印时的【PaperSize】,【PaperHeight】,【PaperWidth】,【Orientation】等等。
回复 使用道具 举报
孤月_2022
注册会员   /  发表于:2022-8-25 10:46:48
7#
举个例子,比如我代码设置打印时的用纸方向,如果我设置成横向,那么我打开打印对话框时,默认选中的就是横向的radiobutton。现在我就是想问,使用JSViewer或者我直接用activereportsweb:WebViewer能不能实现这样的效果。
回复 使用道具 举报
wengMQ悬赏达人认证
银牌会员   /  发表于:2022-8-25 11:53:42
8#
【新提醒】Web端在线设计器项目实际分享 - ActiveReports专区 - 专题教程 - 葡萄城产品技术社区  https://gcdn.grapecity.com.cn/fo ... &extra=page%3D1
回复 使用道具 举报
孤月_2022
注册会员   /  发表于:2022-8-25 13:41:22
9#
你好  我不做报表 。我就是通过JSViewer或者activereportsweb:WebViewer预览生成的RDF文件。然后打印预览的文件。就想问,打印的时候,怎么通过代码设置打印配置。比如横向打印纵向打印之类的。


比如我代码设置打印时的用纸方向,如果我设置成横向,那么我打开打印对话框时,默认选中的就是横向的radiobutton。

就是这样的效果 我怎么实现?
回复 使用道具 举报
12下一页
您需要登录后才可以回帖 登录 | 立即注册
返回顶部