开发学院网页设计 JavaScript 解决ReportViewer的双竖滚动条的问题阅读

解决ReportViewer的双竖滚动条的问题

　2012-11-13 15:16:43　来源：WEB开发网　　　

核心提示： 在使用ReportViewer绑定一个SqlServer ReportingService的一张报表后，有些内容较长的报表会出现双滚动条的问题解决：<style> .hiddenY { overflow-y: hidden; //去掉坚滚动条

在使用ReportViewer绑定一个SqlServer ReportingService的一张报表后，有些内容较长的报表会出现双滚动条的问题

解决：

<style>
        .hiddenY
        {
            overflow-y: hidden;  //去掉坚滚动条
            overflow-x: auto;
        }
    </style>
<rsweb:ReportViewer ID="reportViewer" runat="server" AsyncRendering="True" Width="100%"            Height="100%" CssClass="report-container" KeepSessionAlive="True">            <ServerReport ReportPath="" ReportServerUrl="" />        </rsweb:ReportViewer>
<script type="text/javascript">
    function viewerPropertyChanged(sender,e) {
        var viewer = $find('<%=reportViewer.ClientID %>');
        if (!viewer.get_isLoading()) {  //在报表加载后
            $('div[id$=oReportDiv]').addClass('hiddenY');  //把报表区域的滚动条去掉
            viewer.remove_propertyChanged(viewerPropertyChanged); //撤销事件侦听
        }
    }

    Sys.Application.add_load(function () {
        $find('<%=reportViewer.ClientID %>').add_propertyChanged(viewerPropertyChanged); //在Ajax回发时，侦听报表事件
    });
</script>