gpt4 book ai didi

c# - 每次加载新的 JQuery 插件 DataTables 时都会加载更改事件导致内存泄漏

转载 作者:行者123 更新时间:2023-11-28 08:23:49 26 4
gpt4 key购买 nike

我遇到内存泄漏问题。

我在 Html 页面中的选择标记 (Select2) 后面显示一个表格(带有 DataTables plugin ),该标记具有事件 change()

我注意到任务管理器(IE 或 FireFox)存在一些内存泄漏。

我的代码运行良好,唯一的问题是内存泄漏。

这是我的 Html 代码,我有 2 个表格,当我单击第一个表格 (table_statistic_10) 的一行时,会显示第二个表格 (table_statistic_10_ligne),它显示该行的详细信息:

<body>
<select id="Select2" name="D1" style="margin-right :50px">
</select>
<script>
$("#Select2").change(function () { selectStat10(Select2.options[Select2.selectedIndex].value) });
</script>

<table id="table_statistic_10" class="display">
<caption class="caption">Detail van verkopen</caption>
<thead>
</thead>
<tbody>
</tbody>
</table>
<br />
<br />

<table id="table_statistic_10_ligne" class="display">
<thead>
</thead>
<tbody>
</tbody>
</table>
<script type="text/javascript">
fillSlectTagStat10();
</script>
</body>

这是我的 javascript 代码,成功后,我检索了值(从 C# 中的 Web 服务检索)并将它们填充到数据表中:

function getStatistic10(dstart, dend, nam) {

var response;
var allstat10 = [];

if (typeof myTabLigne10 != 'undefined') {
myTabLigne10.fnClearTable();
}
$.ajax({
type: 'GET',
url: 'http://localhost:52251/Service1.asmx/Statistic_10_Entete',
data: { "start": JSON.stringify(dstart), "end": JSON.stringify(dend), "name": JSON.stringify(nam) },
contentType: 'application/json; charset=utf-8',
dataType: 'json',
success: function (msg) {
response = msg.d;
for (var i = 0; i < response.Items.length; i++) {
var j = 0;
allstat10[i] = [response.Items[i].Nom, response.Items[i].Date, response.Items[i].Piece, response.Items[i].Tiers, number_format(response.Items[i].AmoutHT, 2, ',', ' '), number_format(response.Items[i].AmountTTC, 2, ',', ' '), response.Items[i].Quantite];
}
if (typeof myTabEntete10 != 'undefined') {
myTabEntete10.fnClearTable();
}
fillDataTableEntete10(allstat10, dstart, dend);

},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert("error loading statistic 10");
alert("Status: " + textStatus + "\n" + "Error: " + errorThrown);
}
});
}

填充数据表代码:

function fillDataTableEntete10(data, dstart, dend) {

if ($("#table_statistic_10").css("visibility") == "hidden")
$("#table_statistic_10").css("visibility", "visible");

myTabEntete10 = $('#table_statistic_10').dataTable({

'aaData': data,
'aoColumns': [
{ "sTitle": "Nom" },
{ "sTitle": "Date" },
{ "sTitle": "Piece" },
{ "sTitle": "Tiers" },
{ "sTitle": "AmoutHT" },
{ "sTitle": "AmountTTC" },
{ "sTitle": "Quantite" }
],

"sPaginationType": "full_numbers",
"iDisplayLength": 10,
"bJQueryUI": true,
"bDestroy": true,
"bPaginate": true,
"bLengthChange": false,
"bFilter": true,
"bSort": false,
"bInfo": false,
"bAutoWidth": false,
"sDom": '<"top"f<"clear">>rt<"bottom"ilp<"clear">>'


});

我在选择标记 (Select2) 中有大约 10 个值(客户)。但一位客户有大约 20,000 行是我在数据表中填写的。当我多次选择该客户时,我发现内存增加了。

我使用了fnClearTable(),但它不起作用。

因为我有点迷失,你有什么想法吗?

编辑:我解决了问题,我用 fnClearTable() 和 fnAddData() 更新了 DataTables。但现在,问题出在我的 click 事件上,由于这段代码,我出现了内存泄漏:

                myTabEntete10.$('tr').bind('click',function () {
var data = myTabEntete10.fnGetData(this);
$('tr').removeClass('row_selected');
$(this).addClass('row_selected');
loadData10(dstart, dend, data[2], data[3]);
delete data;
});

为什么?

最佳答案

我解决了这个问题。

我替换了现有的数据表。

if (typeof myTabEntete10 != 'undefined') {
$('body').off("click", '#table_statistic_10 tbody tr');
myTabEntete10.fnClearTable();
myTabEntete10.fnAddData(allstat10);

} else {
fillDataTableEntete10(allstat10, dstart, dend);
}

我使用 DataTables 的 bDeferRender 选项,请参阅 here .

关于c# - 每次加载新的 JQuery 插件 DataTables 时都会加载更改事件导致内存泄漏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22667052/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com