JS调用水晶报表打印翻页按钮事件

默认的水晶报表打印按钮、翻页按钮太小，并且样式不好调整，考虑自己做一个按钮，然后调用水晶报表的按钮事件。

在实际操作中发现可以在.net按钮的服务器端事件中调用翻页方法；

CrystalReportViewer1.ShowPrevious();  //上一页
CrystalReportViewer1.ShowFirst();     //第一页
CrystalReportViewer1.ShowNext();      //下一页
CrystalReportViewer1.ShowLast();      //最后一页

然而没有发现打印方法。在CS的水晶报表中有打印方法，但是在BS中没有该方法。

CrystalReportViewer1.ShowPrint();  //CS端的打印功能。

找了很多资料都没有发现BS端打印方法。

最后想起用JS直接调用水晶报表的按钮事件。用Chrome追踪源码发现水晶报表的几个按钮ID是固定格式。

直接查找到该按钮然后调用click事件就可以实现该功能。

HTML代码

<div>

    <input id="Button2" type="button" value="上一页" onclick="return doReportButon('prevPg');" />

    <input id="Button3" type="button" value="下一页" onclick="return doReportButon('nextPg');" />

    <input id="Button5" type="button" value=" 打印 " onclick="return doReportButon('print');" />

</div> 

JS代码，

<script language="javascript" type="text/javascript">

//<![CDATA[

    //js调用水晶报表按钮点击事件

    function doReportButon(btnName) {

        var buttonName = "IconImg_CrystalReportViewer1_toptoolbar_" + btnName;

        var buttonPrint = document.getElementById(buttonName);

        buttonPrint.click();

        return false;

    }

    $(function ($) {

        $("#CrystalReportViewer1_toptoolbar_print").hide();

        $("#CrystalReportViewer1_toptoolbar_prevPg").hide();

        $("#CrystalReportViewer1_toptoolbar_nextPg").hide();

        $("#CrystalReportViewer1_toptoolbar_export").hide();

    });

    //]]>

</script>

注意：水晶报表的按钮图标是由Table嵌套的，
   因此图标的名称前缀有一个IconImg_CrystalReportViewer1_toptoolbar_  ，它所对应的Table的ID为前缀是：CrystalReportViewer1_toptoolbar。在调用按钮事件时必须水晶报表允许产生该按钮，在界面上隐藏它。否则水晶报表不会产出该按钮，并且找不到该按钮的事件。

JS调用水晶报表打印翻页按钮事件的相关教程结束。