html运行时创建代码非常慢
html运行时创建代码非常慢
提问于 2015-02-27 13:05:21
我制作了一个电子表格示例图像http://www.jqwidgets.com/wp-content/uploads/2012/08/jquery-spreadsheet.png
这是我的总数据(3974行)(我使用的是实体Mvc 4 c# /Framework4.5存储过程)，没有连接单个表，我使用LOCALHOST) MSSql2014快捷键，但是我非常等待(只有html创建)，没有数据(平均2分钟只加载)，当我单击单元格(输入)等待8秒时
从服务器快速来的3.794行仅html创建慢行
我怎样才能加快速度？如果不可能..。或者你能推荐给我一个电子表格吗？或者客户端缓存或mvc数据缓存有哪些帮助？谢谢
function GridEstimation() {
var estimationModel = GetEstimations(); 3.974 ROWS
var GridEstimation = document.getElementById('GridEstimation');
var dynamicNav = "";
if (estimationModel != "undefined") {
dynamicNav += '<div class="table-wrapper">';
dynamicNav += '<div class="table-scroll">';
dynamicNav += '<table class="tftable" border="1">';24条船列
dynamicNav += '<tr>'
dynamicNav += '<th>Invoice Item</th>'
for (var i = 0; i < estimationModel.Vessels.length; i++) {
dynamicNav += '<th id=' + estimationModel.Vessels[i].VesselID + '>' + estimationModel.Vessels[i].VesselName + '</th>'
}
dynamicNav += '</tr>'158项(库存)行
for (var m = 0; m < estimationModel.Items.length; m++) {
dynamicNav += '<tr>';
dynamicNav += '<td>' + estimationModel.Items[m].InvoiceItemName + '</td>';3.792单元格输入行
for (var n = 0; n < estimationModel.Estimations.length; n++) {
dynamicNav += '<div><input type="text" id=' + estimationModel.Estimations[n].EstimationID + '/></div>';
}
dynamicNav += '</tr>'
}
dynamicNav += '</tr>'
dynamicNav += '</table>'
dynamicNav += '</div>';
dynamicNav += '</div>';
}
$("#GridEstimation").append(dynamicNav); }
回答 1
Stack Overflow用户
发布于 2015-02-27 13:26:10
原因之一是，这可能非常缓慢，因为您正在创建一个潜在的大型HTML字符串，并将其部分连接起来。下面的示例可以极大地改进这个http://www.codeproject.com/Articles/12375/JavaScript-StringBuilder。
更好的方法是逐步呈现HTML (在while循环中)，而不是同时在一个巨大的HTML字符串中呈现HTML。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28765844
复制相关文章
相似问题
腾讯云开发者
