此页面上的脚本已停止在所有浏览器上运行 [英] a script on this page has stopped working on all browsers

问题描述

大家好，

我以多种格式向客户端显示大量数据。我在服务器端使用3个中继器进行代码操作，而不是使用头部冻结我使用JQuery将所有中继器合并到一个表中。

当数据很小但数据是尽管浏览器版本很大，但说2mb或者超过页面上的脚本会停止工作并且页面会崩溃。



这是我的代码：

 $（ document ）。ready（ function （）{
  window  .moveTo（ 0 ， 0 ）; 
 < span class =code-sdkkeyword> window  .resizeTo（ screen  .availWidth， screen  .availHeight）; 
  var  rowCount = $（'  #LeftTable .rowMerger'）。长度; 
  if （rowCount>  2 ）
 gridviewScroll（）; 
 
}）; 
  function  pageLoad（sender，args）{
  if （args.get_isPartialLoad（ ））{
 gridviewScroll（）; 
 
} 
} 
 
  function  gridviewScroll（）{
 $（' 。gridRightTable'）。css（'  display'，'  none'）; 
 
 $（' ＃LeftTable'）。find（ 。rowMerger'）。each（ function （i） {
 $（ this ）。append（
 AppendData（i）
 
）; 
}） ; 
 
 
  var  freezeSizeCount =  2 ; 
  if （$（' ＃hidHolidayEventChecked' ）。val（）==   0）
 freezeSizeCount = < span class =code-digit> 1 ; 
 gridView1 = $（' ＃LeftTable'）。gridviewScroll（{
 width ：$（' ＃PreviewData'）[ 0 ]。clientWidth，
 height： 700 ，
 startHorizo​​ntal： 0 ， 
 wheelstep： 10 ，
 barhovercolor：  black，
 arrowsize： 30 ，
 barsize： 8 ，
 railsize： 16 ，
 railcolor： ＃F0F0F0，
 barcolor： ＃CDCDCD，
 freezesize：freezeSizeCount，
 varrowtopimg：  ../ Images / arrowvt.png，
 varrowbottomimg：  ../ Images / arrowvb.png，
 harrowleftimg：  ../ Images / arrowhl.png，
 harrowrightimg：  ../ Images / arrowhr.png，
 headerrowcount： 2  
 
 
 
 
}）; 
 
 
  //   $（'。GridCellDiv'）。filter（function（function（ ）{ 
  //   return $（this）.css（'width'）== '0px';  
  //  }）。css（width，100px ）;  
 
} 
  function  AppendData（i）{
 
 $（' 。gridRightTable'）。each（ function （j ）{
 $（' ＃LeftTable'）。find（' 。rowMerger'）。eq（i）.append（$（'' 。gridRightTable'）。eq（j）.find（'  tr'）。eq（i）.find（'  td'） ）; 
}）; 
} 

我想这是在我逐行追加表格的时候。请告诉我可以做什么，因为客户要求他在一次点击中显示数据超过两年而没有分页，并且标题应该被冻结。



我也听说过DOM元素，但是当我尝试搜索时，我没有任何与我的问题相关的信息。



任何帮助都将受到高度赞赏。



谢谢

解决方案

（ document ）。ready（< span class =code-keyword> function （）{
window .moveTo（ 0 ， 0 ）;
window .resizeTo（ screen .availWidth， screen .availHeight）;
var rowCount =

（' ＃LeftTable .rowMerger'）。length;
if （rowCount> 2 ）
gridviewScroll（）;

}）;
function pageLoad（sender，args）{
if （args.get_isPartialLoad（ ））{
gridviewScroll（）;

}
}

function gridviewScroll（）{

< blockquote>（' .gridRightTable'）。css（' display'，' none'）;

Hi All,
I am displaying a large amount of data in a versatile format to the client. I make use of 3 repeaters at server side for my code manipulation and than for header freezing I merge all the repeaters into one table using JQuery.
This works fine for me when data is small but when data is large say 2mb or more than the script on the page stops working and page gets crash despite of browser version.

Here is my code :

$(document).ready(function () {
            window.moveTo(0, 0);
            window.resizeTo(screen.availWidth, screen.availHeight);
            var rowCount = $('#LeftTable .rowMerger').length;            
            if (rowCount > 2)
                gridviewScroll();

        });
        function pageLoad(sender, args) {
            if (args.get_isPartialLoad()) {                
                    gridviewScroll();

            }
        }

        function gridviewScroll() {
            $('.gridRightTable').css('display', 'none');

            $('#LeftTable').find('.rowMerger').each(function (i) {
                $(this).append(
                    AppendData(i)

                            );
            });


            var freezeSizeCount = 2;
            if ($('#hidHolidayEventChecked').val() == "0")
                freezeSizeCount = 1;
            gridView1 = $('#LeftTable').gridviewScroll({
                width: $('#PreviewData')[0].clientWidth,
                height: 700,
                startHorizontal: 0,
                wheelstep: 10,
                barhovercolor: "black",
                arrowsize: 30,
                barsize: 8,
                railsize: 16,
                railcolor: "#F0F0F0",
                barcolor: "#CDCDCD",
                freezesize: freezeSizeCount,
                varrowtopimg: "../Images/arrowvt.png",
                varrowbottomimg: "../Images/arrowvb.png",
                harrowleftimg: "../Images/arrowhl.png",
                harrowrightimg: "../Images/arrowhr.png",
                headerrowcount: 2




                        });
           
           
            //            $('.GridCellDiv').filter(function () {
            //                return $(this).css('width') == '0px';
            //            }).css("width", "100px");            

        }
        function AppendData(i) {

            $('.gridRightTable').each(function (j) {
                $('#LeftTable ').find('.rowMerger').eq(i).append($('.gridRightTable').eq(j).find('tr').eq(i).find('td'));
            });
        }

I guess this is coming when i append the tables into one row by row. Kindly tell me what can be done as the client has the requirement that he wants to display the data for more than two years in one hit without paging and header should be freezed.

Also I heard about DOM elements but when I tried searching I got nothing related to my problem.

Any help will be highly appreciated.

Thank you

解决方案

(document).ready(function () { window.moveTo(0, 0); window.resizeTo(screen.availWidth, screen.availHeight); var rowCount =

('#LeftTable .rowMerger').length; if (rowCount > 2) gridviewScroll(); }); function pageLoad(sender, args) { if (args.get_isPartialLoad()) { gridviewScroll(); } } function gridviewScroll() {

('.gridRightTable').css('display', 'none');

这篇关于此页面上的脚本已停止在所有浏览器上运行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！