找回密码
 立即注册

QQ登录

只需一步,快速开始

蓦然回首

初级会员

12

主题

33

帖子

236

积分

初级会员

积分
236
蓦然回首
初级会员   /  发表于:2017-8-22 09:35  /   查看:2939  /  回复:1
html5
初始化如下
var viewer = GrapeCity.ActiveReports.Viewer({
            element : '#viewerContainer',
            ........此处省略其他配置
});

初始化完成以后,并且进行了查询加载了报表,
我想 在某一个点击事件中 重新初始化  viewerContainer 这个div里的html片段。
我 在事件中进行
$("#viewerContainer").html("");
viewer.option('element','#viewerContainer');
这个操作 提示我 You can't change the element 不能修改 这个 element 属性的值。
有什么方法我能让这个viewerContainer的内容恢复到 我查询报表前的 内容?也就是 初始化的内容

1 个回复

倒序浏览
KearneyKang讲师达人认证 悬赏达人认证
超级版主   /  发表于:2017-8-22 10:20:37
沙发
您好,您的意思是,您点击了一个查询然后报表进行了加载。现在想进行另外一个操作,让报表重新加载,还是怎么的
如果是这样的需求,您可以尝试着写多个按钮的触发,然后点击不同的按钮触发不同的事件。可以实现不同加载的不同
  1. <body>
  2.     <button type="button" onclick="dy()">打印</button>
  3.     <button type="button" onclick="dm()">刷新</button>
  4.     <div id="viewer"    style="width:1000px ;height:800px;"></div>
  5.     <script src="Scripts\bootstrap-3.0.0.js"></script>
  6.     <script src="Scripts\knockout-2.3.0.js"></script>
  7.     <script src="Scripts\jquery-1.10.2.js"></script>
  8.     <script src="Scripts\GrapeCity.ActiveReports.Viewer.Html.js"></script>
  9.     <script type="text/javascript">      
  10.         function dy() {           
  11.             var viewer = GrapeCity.ActiveReports.Viewer({
  12.                 element: '#viewer',
  13.                 reportService: {
  14.                     url: '/ActiveReports.ReportService.asmx'
  15.                 },
  16.                 uiType: 'Custom',
  17.                 report: {
  18.                     id: "货物跟踪报表.rdlx"
  19.                 },

  20.                 //documentLoaded: function reportLoaded() {
  21.                 //    viewer.print();                  
  22.                 //},              
  23.             });
  24.             
  25.         }
  26.         function dm() {
  27.             var viewer = GrapeCity.ActiveReports.Viewer({
  28.                 element: '#viewer',
  29.                 reportService: {
  30.                     url: '/ActiveReports.ReportService.asmx'
  31.                 },
  32.                 uiType: 'Desktop',
  33.                 report: {
  34.                     //id: "货物跟踪报表.rdlx"
  35.                 },

  36.                 //documentLoaded: function reportLoaded() {
  37.                 //    viewer.print();
  38.                 //},
  39.             });

  40.         }
  41.      
  42.     </script>
  43. </body>
  44. </html>
复制代码


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