JQuery DataTables設定値をオンザフライで変更することは可能ですか?次は私の問題です。sAjaxSource
をオンザフライで変更する必要があります。すでに次のようなことを試しました:
var oDefault = {
"bServerSide": true,
"bProcessing": true,
"bJQueryUI": true,
"bLengthChange": false,
"bFilter": true,
"iDisplayLength": 8,
"sAjaxSource": "my.php?" + "idKat="+aData[3],
"aaSorting": [[ 0, "asc" ],[ 3, "asc" ]],
"sDom": '<"top"ir>t<"bottom"pf<"clear">',
"sPaginationType": "full_numbers",
"oLanguage": {
"sUrl": "<?php echo $full_path_jezik_2;?>"
},
"aoColumns": [
{ "sName": "rb","sWidth": "15%", "sClass": "center","sType": "numeric" },
{ "sName": "chkZaBrisanje","sWidth": "20%", "sClass": "center", "bSortable":false },
{ "sName": "rbPrvaSlika","sWidth": "15%", "sClass": "center","bSortable":false },
{ "sName": "nazivSlike","sWidth": "50%", "sClass": "center", "sSortDataType": "dom-text" }
]
};
var oST = $.extend( true, {}, oDefault );
oST.sAjaxSource = "my.php?" + "idKat="+aData[3];
alert(oST.sAjaxSource);
if (typeof oTable == 'undefined') {
oTable = $("#my-table").dataTable(oST);
}
else
{
oTable.fnDraw();
}
ぼくの aData[3]
をクリックすると変更されます。
やってみました
oTable = $("#my-table").dataTable(oST);
var oSettings = oTable.fnSettings();
oSettings.sAjaxSource = "new value";
FnReloadAjax()関数を使用できます。公式データテーブルサイトのプラグインを参照してください。
DataTables 1.10 +の場合:
以下に示すように ajax.url()
APIメソッドを使用して、Ajax URLを設定し、新しいソースからすぐにデータをロードします。
_var table = $('#example').DataTable({
ajax: 'data.json'
});
table.ajax.url('newData.json').load();
_
DataTables 1.9の場合:
fnReloadAjax()
プラグインを使用して、Ajaxソースからテーブルのデータをリロードします。このプラグインは廃止されていることに注意してください。