@{
    ViewData["Title"] = "Home Page";
}

<script type="text/javascript" src="/js/asreport.viewer.1.0.0.js"></script>
<script type="text/javascript" src="/js/gunzip.min.js"></script>
<script type="text/javascript" src="/js/jquery-3.7.1.min.js"></script>

<!--帳票ドキュメント格納用のDIV要素(id="documentcontainer")を用意。ViewData で帳票ドキュメントを挿入-->
<div id="documentcontainer" style="display:none;">
  @Html.Raw(ViewData["document"])
</div>

<!--ビューア配置用のDIV要素(id="viewercontainer")を用意。width、height でサイズ指定-->
<div id="viewercontainer" style="width:100%;height:650px;">
</div>

<!--ビューアの表示とプレビュー実行-->
<script type="text/javascript">
  $(function () {
    // ビューアを id名[viewercontainer] の DIV 要素に表示
    viewer = new CellReport.Viewer('viewercontainer');
    // id名[documentcontainer] の DIV 要素に格納された帳票ドキュメントを読み込み、プレビューを実施
    viewer.report('documentcontainer');
  });
</script>