Javascript jqGrid-停止运行此脚本或无响应的脚本提示
使用jQuery 1.9.1和jqGrid 4.5.2显示表中的数据。我不能使用ASP.NET或PHP。我使用日期和时间控件将数据选择限制为最多90天。我也使用下拉列表来过滤数据,但使用它们是可选的 写入表的平均行数约为每天2000行(在5天工作周内) 在使用下面定义的网格进行测试时,我将大约2500行放入网格中。IE8用消息提示我“停止运行此脚本”,Firefox也给了我“无响应脚本”提示。排序性能类似 我没有对网格中的数据进行任何编辑,只是显示它。我一次显示所有行的主要原因是为了允许用户复制网格的内容并将其粘贴到Excel工作簿中 网格代码如下所示:Javascript jqGrid-停止运行此脚本或无响应的脚本提示,javascript,jquery,jqgrid,Javascript,Jquery,Jqgrid,使用jQuery 1.9.1和jqGrid 4.5.2显示表中的数据。我不能使用ASP.NET或PHP。我使用日期和时间控件将数据选择限制为最多90天。我也使用下拉列表来过滤数据,但使用它们是可选的 写入表的平均行数约为每天2000行(在5天工作周内) 在使用下面定义的网格进行测试时,我将大约2500行放入网格中。IE8用消息提示我“停止运行此脚本”,Firefox也给了我“无响应脚本”提示。排序性能类似 我没有对网格中的数据进行任何编辑,只是显示它。我一次显示所有行的主要原因是为了允许用户复制
$("#histGrid").jqGrid({
url: vhistURL,
datatype: "xml",
mtype: "GET",
colNames: ["ID","SystemID", "Display", "Short Msg","Date/Time", "Historical Msg"],
colModel:[
{name:"HistID",
index:"HistID",
hidden: true,
width:10,
align:"left",
sorttype:"int",
xmlmap:"Rowset>Row>HistID"
},
{name:"MachineID",
index:"MachineID",
width:23,
align:"center",
sorttype:"int",
xmlmap:"Rowset>Row>MachineID"
},
{name:"DisplayName",
index:"DisplayName",
width:52,
align:"left",
sorttype:"text",
xmlmap:"Rowset>Row>DisplayName"
},
{name:"MsgText",
index:"MsgText",
width: 150,
align:"left",
sorttype:"text",
xmlmap:"Rowset>Row>MsgText"
},
{name:"HistDateTime",
index:"HistDateTime",
width:60,
align:"center",
formatter:"date",
formatoptions: {"srcformat":"ISO8601Long", "newformat":"m/d/Y H:i"},
sorttype:"date",
xmlmap:"Rowset>Row>HistDateTime"
},
{name:"HistMessage",
index:"HistMessage",
width:200,
align:"left",
sorttype:"text",
xmlmap:"Rowset>Row>HistMessage"
}
],
rowNum: 100000,
pager: jQuery("#pager1"),
sortname:"HistID",
sortorder: "asc",
viewrecords: true,
gridview: true,
width: gridwidth,
autoencode: true,
loadonce: true,
height: "100%",
toolbar: [true, "top"],
hidegrid: false, // hides the ability to collapse grid
defaults: {
altrows: true,
recordtext: "View {0} - {1} of {2}",
emptyrecords: "No records to view",
pgtext: "Page {0} of {1}"
},
xmlReader: {
root: "Rowsets",
row: "Row",
repeatitems: false,
id: "HistID"
},
loadComplete: function() {
// bold the column headers
$("th.ui-th-column").css("font-size","1.25em");
$("th.ui-th-column").css("font-weight","bold");
$("td",".jqgrow").css("font-size","1.15em");
}
});
我选择停止运行脚本一次,IE8将我带入代码的loadComplete
部分(最后一行)
正如我所说,它除了抓取数据和排序之外没有做更多的事情,但是性能非常糟糕
我该怎么做才能在jqGrid中显示相对较多的行?我的代码中需要处理的任何性能项?首先将删除内联样式调用并使用CSS。有很多元素需要更新!!我也会尝试使用json而不是xml。可能更高性能任何用户如何需要显示100000行?多大的视觉过载和浏览器过载too@charlietfl-我将尝试CSS而不是内联样式。不幸的是,XML是我能够接收数据的唯一方式。@charlietfl-CSS确实起到了作用,但它现在在加载时会提示一次或两次,而不是6次。有没有更好的方法来衡量我的网格设置中的行数应该是多少?除了显示整个网格外,是否有其他方法允许用户复制网格的内容并粘贴到Excel?如果was me将从服务器导出到Excel,则允许用户下载并使用它执行他们需要的操作