Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Change settings value on the fly?

Is it possible to change jQuery DataTables settings value on fly. My problem is next,I need to change sAjaxSource on fly. Already tried something like this:

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(); }  

My aData[3] is changed on click.

like image 764
user147 Avatar asked May 25 '10 23:05

user147


2 Answers

Have you tried

 oTable = $("#my-table").dataTable(oST);  var oSettings = oTable.fnSettings();  oSettings.sAjaxSource  = "new value"; 
like image 94
Dan Heberden Avatar answered Sep 22 '22 17:09

Dan Heberden


You can use fnReloadAjax() function, see plug-ins on official datatable site.

like image 37
Anonymous Avatar answered Sep 22 '22 17:09

Anonymous