PowerTools ActiveReports for .NET 9.0J
JavascriptでHTML5ビューワの操作
すべて展開すべて展開
すべて折りたたむすべて折りたたむ

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

HTML5ビューワの初期化

初期化オプション

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

uiType

element

reportService

reportService.url

reportService.securityToken

reportService.resourceHandler

report

reportID

reportParameters

reportLoaded

action

availableExports

maxSearchResults

error

documentLoaded

localeUri

showOnlyLastError

 

以下は、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"
         },
         reportService: {
            url: '/ActiveReports.ReportService.asmx'
                        
            // ActiveReports 9.0J Serverを使用する場合は、以下を使用します。
            // url: 'http://myar9server.com/ReportService.svc/json/', 
            // securityToken: securityToken, 
            // resourceHandler: 'http://myar9server.com/TemporaryResource.axd/'
         },
         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


関連トピック

 

 


©2003-2015 GrapeCity inc. All rights reserved.