Ajax SuccessでDataTableを初期化しようとしています。初めて正常に動作しますが、ページを更新しない限り再動作しません。DataTable警告 - DataTableを再初期化できません。
JS機能:私は取得しています
this.summaryReport = function()
{
crsf = $("input[name=csrftestname]").val();
searchClients = $("#searchClients").val();
$('#loadingmessage').show();
$.ajax({
url: url+"query_report_summary",
type: "post",
cache: false,
data: {"csrftestname": crsf, searchClients: searchClients},
success: function(query_result)
{
var data = $.parseJSON(query_result);
$('#example').DataTable({
data: data,
columns: [
{ data: "name" },
{ data: "location" },
{ data: "source" },
{ data: "contact" },
{ data: "number" },
{ data: "status" }
]
});
self.reportSummary(data);
},
complete: function()
{
$("#reportSummaryForm")[0].reset();
$('#loadingmessage').hide();
}
});
}
エラーがある - のDataTable警告 - データテーブルを再初期化することはできません。
HTML:
<form role="form" class="" id="reportSummaryForm">
<input type="hidden" name="<?php echo $this->security->get_csrf_token_name(); ?>" value="<?php echo $this->security->get_csrf_hash(); ?>">
<div class="input-group input-group-sm">
<input class="form-control input-sm" type="text" id="searchClients" name="searchClients" placeholder="">
<span class="input-group-btn">
<button type="button" class="btn btn-sm btn-primary" data-bind="click: summaryReport">Search</button>
</span>
</div>
</form>
<table id="example" class="display" width="100%"></table>
あなたが「再初期化」の意味についての手掛かりを持っていますか? – DKSan