0
initCompleteイベントでjquery datatableを再初期化する方法。 私はinitCompleteで1つのajax呼び出しを追加して、データテーブルのデータを置き換えたいのですが、どうすればいいですか？initCompleteでjquery datatableを再初期化する方法は？
ここに私のコードです。
$scope.tbOptionsrejectionreport = {
data: [],
bAutoWidth: false,
sAjaxSource: 'api/api.php?type=get_rejectionreport&status=default&managerId='+managerid+'&isAdmin='+Adminuser,
initComplete: function()
{
$("#rejectionreportlist").click(function(){
$('#example_rejectionreport').DataTable().clear().destroy();
var rejection_date = $("#rejectiondate").val();
$http.post(
'api/api.php?type=get_rejectionreport&rejectiondate='+rejection_date+'&managerId='+managerid+'&isAdmin='+Adminuser,
{
})
.then(function(answer) {
//$("#example_rejectionreport").dataTable().fnDestroy();
$("#example_rejectionreport").dataTable({
data: [],
bAutoWidth: false ,
aoColumns : [
{
sWidth: "1%",
bSortable: true,
mRender: function (data, type, full) {
var tbAction = '';
tbAction += full[0];
return tbAction;
}
},
{
sWidth: "1%",
bSortable: true,
mRender: function (data, type, full) {
var tbAction = '';
tbAction += full[1];
return tbAction;
}
},
{
sWidth: "5%",
bSortable: false,
mRender: function (data, type, full) {
var tbAction = '';
tbAction += full[2];
return tbAction;
}
},
{
sWidth: "3%",
bSortable: false,
mRender: function (data, type, full) {
var tbAction = '';
tbAction += full[3];
return tbAction;
}
},
{
sWidth: "3%",
bSortable: false,
mRender: function (data, type, full) {
var tbAction = '';
tbAction += full[4];
return tbAction;
}
},
{
sWidth: "3%",
bSortable: false,
mRender: function (data, type, full) {
var tbAction = '';
tbAction += full[5];
return tbAction;
}
},
{
sWidth: "3%",
bSortable: false,
mRender: function (data, type, full) {
var tbAction = '';
tbAction += full[6];
return tbAction;
}
},
{
sWidth: "3%",
bSortable: true,
mRender: function (data, type, full) {
var tbAction = '';
tbAction += full[12];
return tbAction;
}
},
],
createdRow: function(row, data, dataIndex) {
$compile(row)($scope)
}
});
/*var table = $("#example_rejectionreport").DataTable();
console.log(answer.data.aaData);
$scope.rejectionlist= answer.data.aaData;*/
});
});
},
aoColumns: [
{
sWidth: "1%",
bSortable: true,
mRender: function (data, type, full) {
var tbAction = '';
tbAction += full[0];
return tbAction;
}
},
{
sWidth: "1%",
bSortable: true,
mRender: function (data, type, full) {
var tbAction = '';
tbAction += full[1];
return tbAction;
}
},
{
sWidth: "5%",
bSortable: false,
mRender: function (data, type, full) {
var tbAction = '';
tbAction += full[2];
return tbAction;
}
},
{
sWidth: "3%",
bSortable: false,
mRender: function (data, type, full) {
var tbAction = '';
tbAction += full[3];
return tbAction;
}
},
{
sWidth: "3%",
bSortable: false,
mRender: function (data, type, full) {
var tbAction = '';
tbAction += full[4];
return tbAction;
}
},
{
sWidth: "3%",
bSortable: false,
mRender: function (data, type, full) {
var tbAction = '';
tbAction += full[5];
return tbAction;
}
},
{
sWidth: "3%",
bSortable: false,
mRender: function (data, type, full) {
var tbAction = '';
tbAction += full[6];
return tbAction;
}
},
{
sWidth: "3%",
bSortable: true,
mRender: function (data, type, full) {
var tbAction = '';
tbAction += full[12];
return tbAction;
}
},
],
createdRow: function(row, data, dataIndex) {
$compile(row)($scope)
}
};
を見つけました。これは意味をなさない私の答えです。あなたはテーブルをロードしようとしているのですが、ユーザがそれを見る前に自動的にリロードしますか？あなたが達成しようとしていることは私には分かりません。 – Bindrid
がロードされていますが、データのロードが可能ですが、ボタンをクリックすると、ajaxコールが追加され、次にデータテーブルのデータを変更したいのですが、どうすればいいですか？ –