Hi,
I have a problem on server side use. The data are well loaded on content's display, but after, when i'm using input filters, search, etc... It's like ther is no server side call again. On firebug, I can't see XHR, is just call @ load only, nothing more on any action like next / prev or search.
I certainly have a mistake in the jquery call, but can't find where.
This is my code (warning php inside too):
var oTable = $('.dynamicTable').dataTable( {
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": "stdout_json.php?r=<?php echo($table_name); ?>",
"sPaginationType": "full_numbers",
"bJQueryUI": false,
"bAutoWidth": false,
"bLengthChange": false,
"aLengthMenu": [[25, 50, 100, -1], [25, 50, 100, "All"]],
"oLanguage": {
"sSearch": "Search all columns:",
"sLengthMenu": "_MENU_ records"
},
"bSortClasses": false,
"sDom": "<'row-fluid'<'span6'Tl><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
<?php echo $_SESSION["aoColumnDefs"]."\r\n"; ?>
"bPaginate": true,
"sPaginationType": "full_numbers",
"iDisplayLength": 10,
"bLengthChange": true,
"bInfo": true,
"bStateSave": true,
"oTableTools": {
"sSwfPath": "swf/copy_csv_xls_pdf.swf",
"sRowSelect": "single",
"aButtons": [
{
"sExtends": "select",
"sButtonText": "Edit selected",
"bSelectedOnly": "true",
"mColumns": [0]
},
{
"sExtends": "text",
"sButtonText": \'<a data-target="#creProduct" data-toggle="modal">Create</a>\',
"sToolTip": "Create a new product",
},
{
"sExtends": "text",
"sButtonText": \'<a data-target="#delProduct" data-toggle="modal">Delete</a>\',
"sToolTip": "Delete product",
},
{
"sExtends": "collection",
"sButtonText": 'Export <span class="caret" />',
"aButtons": [
"print",
{
"sExtends": "csv",
"sButtonText": "CSV all columns",
"sToolTip": "Save displayed table and all columns as CSV",
"bShowAll": true,
"mColumns": "all"
},
{
"sExtends": "csv",
"sButtonText": "CSV visible columns",
"sToolTip": "Save displayed table and visible columns as CSV",
"mColumns": "visible"
},
{
"sExtends": "pdf",
"sButtonText": "PDF All columns",
"mColumns": "all",
"sPdfOrientation": "landscape",
"sPdfMessage": "<?php echo date('l jS \of F Y h:i:s A'); ?>"
},
{
"sExtends": "pdf",
"sButtonText": "PDF Visible columns",
"mColumns": "visible",
"sPdfOrientation": "landscape",
"sPdfMessage": "<?php echo date('l jS \of F Y h:i:s A'); ?>"
}
]
}
]
},
"fnInitComplete": function() {
var oSettings = $('.dynamicTable').dataTable().fnSettings();
for ( var i=0 ; i<oSettings.aoPreSearchCols.length ; i++ ){
if(oSettings.aoPreSearchCols[i].sSearch.length>0){
$(".dynamicTable tfoot input")[i].value = oSettings.aoPreSearchCols[i].sSearch;
$(".dynamicTable tfoot input")[i].className = "";
}
}
},
"fnRowCallback": function( nRow, aData, iDisplayIndex ) {
var id = aData[0];
$(nRow).attr("id",id);
return nRow;
},
"fnDrawCallback": function () {
/* Apply the jEditable handlers to the table */
/* ... removed dur to loooong message .....*/
}
});
$(".dynamicTable tfoot th input").keyup( function () {
/* Filter on the column (the index) of this element */
oTable.fnFilter( this.value, $("tfoot input").index(this) );
} );
$(".dynamicTable tfoot th input").each( function (i) {
asInitVals[i] = this.value;
} );
$(".dynamicTable tfoot th input").focus( function () {
if ( this.className == "search_init" )
{
this.className = "";
this.value = "";
}
} );
$(".dynamicTable tfoot th input").blur( function (i) {
if ( this.value == "" )
{
this.className = "search_init";
this.value = asInitVals[$("tfoot input").index(this)];
}
} );
$('.dynamicTable td').live('click',function(){
var aPos = pTable.fnGetPosition(this);
var aData = pTable.fnGetData(aPos[0]);
alert(aData);
});
$.extend( $.fn.dataTableExt.oStdClasses, {
"sWrapper": "dataTables_wrapper form-inline"
} );