Question

我正在将大型JSON数据填充到Jtable。加载大约需要1分钟。我想要的是显示进度条，直到页面满载。我已经完成了一些Stackoverflow解决方案，但不能解决我的问题。

 records = eval(objLangugaeTranslatorExt.listRecords(self._lastPostData));
                data['Records'] = records;
                data['TotalRecordCount'] = Object.keys(records).length;
                self._removeAllRows('reloading');
                self._addRecordsToTable(records);//Here I add the records to table taking too much time.

请帮助我，

先谢谢。

Answer 1

请勿使用eval()！在用户数据上使用它是危险的。

您可以在_addRecordsToTable()函数中执行一项操作，显示加载DOM元素：

$(".loading").show();

在加载代码之后，你可以输入：

$(".loading").hide();

对于HTML：

<div class="loading"></div>

在<body>标记之后。在CSS中：

.loading {position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: url("loading.gif") center center no-repeat rgba(0, 0, 0, 0.25);}

显示进度条或加载图标直到完全加载？

1 个答案: