web-dev-qa-db-ja.com

その場で設定値を変更しますか?

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]をクリックすると変更されます。

27
user147

やってみました

 oTable = $("#my-table").dataTable(oST);
 var oSettings = oTable.fnSettings();
 oSettings.sAjaxSource  = "new value";
45
Dan Heberden

FnReloadAjax()関数を使用できます。公式データテーブルサイトのプラグインを参照してください。

3
Anonymous

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ソースからテーブルのデータをリロードします。このプラグインは廃止されていることに注意してください。

1
Gyrocode.com