ReportViewer2010冻结行列

 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="NewTrackingVer.aspx.cs"

     Inherits="GeoOilRes.RDLC.NewTrackingVer" %>

 <%@ Register Assembly="Microsoft.ReportViewer.WebForms, Version=10.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a"

     Namespace="Microsoft.Reporting.WebForms" TagPrefix="rsweb" %>

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head id="Head1" runat="server">

     <title></title>

     <script src="../../Scripts/jquery-1.8.1.min.js" type="text/javascript"></script>

     <script src="../Scripts/rdlc-function.js" type="text/javascript"></script>

     <script type="text/javascript">

            $(function () {

             var ReportTable = $('#VisibleReportContentReportViewer1_ctl10');

             if (ReportTable.html().length > 0 ) {

                 var w = pageWidth();

                 var h = pageHeight();

                 var tableID = "RdlcTable";

                 $('#VisibleReportContentReportViewer1_ctl10 table table table table:last').attr("ID", tableID);

                 freezeTable(tableID, 5, 4, w, h);

                 var flag = false;

                 $(window).resize(function () {

                     if (flag)

                         return;

                     setTimeout(function () {

                         adjustTableSize(tableID, w, h);

                         flag = false;

                     }, 100);

                     flag = true;

                 });

             }

         });

 </script>

 </head>

 <body style="padding: 0; margin: 0; overflow: hidden; background-color: white;">

     <form id="form1" runat="server" style="text-align: left;">

     <asp:ScriptManager ID="ScriptManager1" runat="server">

     </asp:ScriptManager>           <asp:UpdatePanel ID="UpdatePanel1" runat="server" RenderMode="Inline">

         <ContentTemplate>

             <rsweb:ReportViewer ID="ReportViewer1" runat="server" Font-Names="Verdana" Font-Size="8pt"

                 InteractiveDeviceInfos="(集合)" WaitMessageFont-Names="Verdana" WaitMessageFont-Size="14pt"

                 Width="100%" Height="100%" ShowToolBar="true" ShowBackButton="False" ShowFindControls="False"

                 ShowRefreshButton="False" HyperlinkTarget="_self">

             </rsweb:ReportViewer>

         </ContentTemplate>

         <Triggers>

             <asp:PostBackTrigger ControlID="ReportViewer1" />

         </Triggers>

     </asp:UpdatePanel>

     </form>

     </body>

 </html>

 /*

 * 锁定表头和列

 *

 * 参数定义

 *     table - 要锁定的表格元素或者表格ID

 *     freezeRowNum - 要锁定的前几行行数，如果行不锁定，则设置为0

 *     freezeColumnNum - 要锁定的前几列列数，如果列不锁定，则设置为0

 *     width - 表格的滚动区域宽度

 *     height - 表格的滚动区域高度

 */

 function freezeTable(table, freezeRowNum, freezeColumnNum, width, height) {

     freezeRowNum += 1;

     freezeColumnNum += 1;

     if (typeof (freezeRowNum) == 'string')

         freezeRowNum = parseInt(freezeRowNum)

     if (typeof (freezeColumnNum) == 'string')

         freezeColumnNum = parseInt(freezeColumnNum)

     var tableId;

     if (typeof (table) == 'string') {

         tableId = table;

         table = $('#' + tableId);

     } else

         tableId = table.attr('id');

     var divTableLayout = $("#" + tableId + "_tableLayout");

     if (divTableLayout.length != 0) {

         divTableLayout.before(table);

         divTableLayout.empty();

     } else {

         table.after("<div id='" + tableId + "_tableLayout' style='overflow:hidden;height:" + height + "px; width:" + width + "px;'></div>");

         divTableLayout = $("#" + tableId + "_tableLayout");

     }

     var html = '';

     if (freezeRowNum > 0 && freezeColumnNum > 0)

         html += '<div id="' + tableId + '_tableFix" style="padding: 0px;"></div>';

     if (freezeRowNum > 0)

         html += '<div id="' + tableId + '_tableHead" style="padding: 0px;"></div>';

     if (freezeColumnNum > 0)

         html += '<div id="' + tableId + '_tableColumn" style="padding: 0px;"></div>';

     html += '<div id="' + tableId + '_tableData" style="padding: 0px;"></div>';

     $(html).appendTo("#" + tableId + "_tableLayout");

     var divTableFix = freezeRowNum > 0 && freezeColumnNum > 0 ? $("#" + tableId + "_tableFix") : null;

     var divTableHead = freezeRowNum > 0 ? $("#" + tableId + "_tableHead") : null;

     var divTableColumn = freezeColumnNum > 0 ? $("#" + tableId + "_tableColumn") : null;

     var divTableData = $("#" + tableId + "_tableData");

     divTableData.append(table);

     if (divTableFix != null) {

         var tableFixClone = table.clone(true);

         tableFixClone.attr("id", tableId + "_tableFixClone");

         divTableFix.append(tableFixClone);

     }

     if (divTableHead != null) {

         var tableHeadClone = table.clone(true);

         tableHeadClone.attr("id", tableId + "_tableHeadClone");

         divTableHead.append(tableHeadClone);

     }

     if (divTableColumn != null) {

         var tableColumnClone = table.clone(true);

         tableColumnClone.attr("id", tableId + "_tableColumnClone");

         divTableColumn.append(tableColumnClone);

     }

     $("#" + tableId + "_tableLayout table").css("margin", "0");

     if (freezeRowNum > 0) {

         var HeadHeight = 0;

         var ignoreRowNum = 0;

         $("#" + tableId + "_tableHead tr:lt(" + freezeRowNum + ")").each(function () {

             if (ignoreRowNum > 0)

                 ignoreRowNum--;

             else {

                 var td = $(this).find('td:first, th:first');

                 HeadHeight += td.outerHeight(true);

                 ignoreRowNum = td.attr('rowSpan');

                 if (typeof (ignoreRowNum) == 'undefined')

                     ignoreRowNum = 0;

                 else

                     ignoreRowNum = parseInt(ignoreRowNum) - 1;

             }

         });

         HeadHeight += 2;

         divTableHead.css("height", HeadHeight);

         divTableFix != null && divTableFix.css("height", HeadHeight);

     }

     if (freezeColumnNum > 0) {

         var ColumnsWidth = 0;

         var ColumnsNumber = 0;

         $("#" + tableId + "_tableColumn tr:eq(" + freezeRowNum + ")").find("td:lt(" + freezeColumnNum + "), th:lt(" + freezeColumnNum + ")").each(function () {

             if (ColumnsNumber >= freezeColumnNum)

                 return;

             ColumnsWidth += $(this).outerWidth(true);

             ColumnsNumber += $(this).attr('colSpan') ? parseInt($(this).attr('colSpan')) : 1;

         });

         ColumnsWidth += 2;

         divTableColumn.css("width", ColumnsWidth);

         divTableFix != null && divTableFix.css("width", ColumnsWidth);

     }

     divTableData.scroll(function () {

         divTableHead != null && divTableHead.scrollLeft(divTableData.scrollLeft());

         divTableColumn != null && divTableColumn.scrollTop(divTableData.scrollTop());

     });

     divTableFix != null && divTableFix.css({ "overflow": "hidden", "background-color": "white", "position": "absolute", "z-index": "50" });

     divTableHead != null && divTableHead.css({ "overflow": "hidden", "background-color": "white", "width": width - 17, "position": "absolute", "z-index": "45" });

     divTableColumn != null && divTableColumn.css({ "overflow": "hidden", "background-color": "white", "height": height - 17, "position": "absolute", "z-index": "40" });

     divTableData.css({ "overflow": "scroll", "width": width, "height": height, "position": "absolute" });

     divTableFix != null && divTableFix.offset(divTableLayout.offset());

     divTableHead != null && divTableHead.offset(divTableLayout.offset());

     divTableColumn != null && divTableColumn.offset(divTableLayout.offset());

     divTableData.offset(divTableLayout.offset());

 }

 /*

 * 调整锁定表的宽度和高度，这个函数在resize事件中调用

 *

 * 参数定义

 *     table - 要锁定的表格元素或者表格ID

 *     width - 表格的滚动区域宽度

 *     height - 表格的滚动区域高度

 */

 function adjustTableSize(table, width, height) {

     var tableId;

     if (typeof (table) == 'string')

         tableId = table;

     else

         tableId = table.attr('id');

     $("#" + tableId + "_tableLayout").width(width).height(height);

     $("#" + tableId + "_tableHead").width(width - 17);

     $("#" + tableId + "_tableColumn").height(height - 17);

     $("#" + tableId + "_tableData").width(width).height(height);

 }

 function pageHeight() {

     if ($.browser.msie) {

         return document.compatMode == "CSS1Compat" ? document.documentElement.clientHeight : document.body.clientHeight;

     } else {

         return self.innerHeight;

     }

 };

 //返回当前页面宽度

 function pageWidth() {

     if ($.browser.msie) {

         return document.compatMode == "CSS1Compat" ? document.documentElement.clientWidth : document.body.clientWidth;

     } else {

         return self.innerWidth;

     }

 };

ReportViewer2010冻结行列的更多相关文章

任务三十九：UI组件之冻结行列表格
任务三十九:UI组件之冻结行列表格面向人群: 有一定JavaScript基础难度: 中重要说明百度前端技术学院的课程任务是由百度前端工程师专为对前端不同掌握程度的同学设计.我们尽力保证课程内容 ...
poi的合并单元格和冻结行列
//创建工作薄(excel) Workbook wb = new HSSFWorkbook(); //创建sheet Sheet createSheet = wb.createSheet(" ...
excel2010冻结行列
https://jingyan.baidu.com/article/a24b33cd56f6bd19ff002b7c.html
【jQuery 冻结任意行列】冻结任意行和列的jQuery插件
实现原理: 创建多个div,div之间通过css实现层叠,每个div放置当前表格的克隆.例如:需要行冻结时,创建存放冻结行表格的div,通过设置z-index属性和position属性,让冻结行表格在 ...
C#组件系列——又一款Excel处理神器Spire.XLS，你值得拥有（二）
前言:上篇 C#组件系列——又一款Excel处理神器Spire.XLS,你值得拥有介绍了下组件的两个功能,说不上特色,但确实能解决我们项目中的一些实际问题,这两天继续研究了下这个组件,觉得有些功能用 ...
Apache POI使用详解
Apache POI使用详解 1.POI结构与常用类 (1)POI介绍 Apache POI是Apache软件基金会的开源项目,POI提供API给Java程序对Microsoft Office格式档案 ...
Spire.XLS
又一款Excel处理神器Spire.XLS,你值得拥有(二) 前言:上篇 C#组件系列——又一款Excel处理神器Spire.XLS,你值得拥有介绍了下组件的两个功能,说不上特色,但确实能解决我 ...
POI使用详解
Apache POI使用详解 1.POI结构与常用类 (1)POI介绍 Apache POI是Apache软件基金会的开源项目,POI提供API给Java程序对Microsoft Office格式档案 ...
FineReport填报分页设置
1. 问题描述进行FineReport数据填报时,如果数据量过大,由于前端浏览器的性能限制,如果将数据全部展现出来,速度会非常的慢,影响用户体验,这时候大家就会想,填报是否能像分页预览一样进行分页呢 ...

随机推荐

PHP错误报告级别及调整方法
运行PHP脚本时,PHP解析器会尽其所能能报告它遇到的问题.在PHP中错误报告的处理行为,都是通过PHP的配置文件php.ini中有关的配置指令确定的.另外PHP的错误报告有很多种级别,可以根据不同的 ...
TCP\UDP链接的异同
简单的说TCP与UDP的区别是有无连接状态.TCP是有连接状态的,而UDP没有,所以TCP是一种比较安全的通讯协议,而UDP则比较方便 TCP 127.0.0.1:1026 0.0.0.0:0 LIS ...
ServiceStack.OrmLite
ServiceStack.OrmLite 谈谈我的入门级实体框架Loogn.OrmLite 每次看到有新的ORM的时候,我总会留意一下,因为自己也写过一个这样的框架,人总是有比较之心的.我可能会d ...
noi 7219:复杂的整数划分问题
7219:复杂的整数划分问题查看提交统计提问总时间限制: 200ms 内存限制: 65536kB 描述将正整数n 表示成一系列正整数之和,n=n1+n2+…+nk, 其中n1>= ...
新版的DEV RichEdit很强悍，兼容docx，排版更强
RV至少rtf格式不用自己搞了 Rv没Dev出的强悍 RV最蛋疼的就是表格 DEV目前看来,表格比RV强其他方面来说,觉得到差不多,无所谓dev的excel我整过一次,BUG不少dxRichEdit换 ...
ASP.NET MVC 5使用CrystalReport(水晶报表)
原文:ASP.NET MVC 5使用CrystalReport(水晶报表) http://downloads.businessobjects.com/akdlm/cr4vs2010/CRforVS ...
SparkContext自定义扩展textFiles，支持从多个目录中输入文本文件
需求 SparkContext自定义扩展textFiles,支持从多个目录中输入文本文件扩展 class SparkContext(pyspark.SparkContext): def ...
Windows 不能在本地计算机启动 SQL Server 服务错误代码126
本文转自:http://www.cnblogs.com/yuerdongni/archive/2012/08/18/2645140.html 在使用SQL2005(或2008)是可能会遇到错误提示: ...
Spring 4.0 StandaloneMockMvcBuilder java.lang.NoClassDefFoundError: javax/servlet/SessionCookieConfig 问题解决
standaloneSetup(clrr). build(); 执行第二行 build() 时,出现下面的错误提示. java.lang.NoClassDefFoundError: javax/ser ...
C++类型转换[转]
转自 http://www.cnblogs.com/goodhacker/archive/2011/07/20/2111996.html C风格的强制类型转换(Type Cast)很简单,不管什么类型 ...

ReportViewer2010冻结行列

ReportViewer2010冻结行列的更多相关文章

随机推荐

热门专题