GrapeCity ActiveReports for .NET 12.0J
JavaScriptでHTML5ビューワの操作
すべて展開すべて展開
すべて折りたたむすべて折りたたむ

JavaScriptを使用してHTML5ビューワを操作する場合、初期化中と実行時に設定できるオプションと、初期化した後にのみ使用できるAPIメソッドとプロパティがあります。

HTML5ビューワの初期化

初期化オプション

以下のオプションは、初期化中、または実行時にHTML5ビューワを操作するときに設定できます。

uiType

element

reportService

reportService.url

report

reportID

reportParameters

reportLoaded

action

availableExports

maxSearchResults

error

documentLoaded

localeUri

showOnlyLastError

displayMode

previewPages

 

以下は、HTML5ビューワを初期化するコードの一例です。対象のHTMLページに、HTML5ビューワを格納するDIV要素とスクリプトを追加します。

<body>タグと</body>タグの間に貼り付けます。
コードのコピー
<div id="viewer" style="width:600px;height:480px;"></div>                                               
<body>タグと</body>タグの間に貼り付けます。
コードのコピー
<script type="text/javascript">
$(function ()
   {
      var viewer = GrapeCity.ActiveReports.Viewer(
      {
         element: '#viewer',
         report: {
         // 日本語のリソースファイルのパスを指定します。 
            localeUri: 'ja.txt',                 
            id: "Report.rdlx"
         },
         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>

パブリックAPIメソッドおよびプロパティ

HTML5ビューワを初期化した後、以下のAPIメソッドおよびプロパティを使用することができます。

メソッド

option

refresh

print

goToPage

backToParent

destroy

export

search

getToc

プロパティ

pageCount

currentPage

Toolbar

ToolbarTop

ToolbarBottom

関連トピック

 

 


Copyright © 2003 GrapeCity inc. All rights reserved.