WEB开发网
开发学院网页设计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>

Tags:解决 ReportViewer 滚动

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接