データテーブルのサーバー側で問題が発生しています。多くのフォーラムを読みましたが、正しい解決策が得られませんでした。私の質問は次のように似ています: datatable with some custom search fields。私はこのように与えました:
$(document).ready(function() {
oTable = $('#example').dataTable();
oTable = $('#example').dataTable({
"sDom": 'T<"clear">lfrtip',
"bJQueryUI": true,
"sScrollY": "450px",
"bScrollCollapse": true,
"bPaginate": true,
"bProcessing": true,
"bServerSide" : false,
"sPaginationType": "input",
"sAjaxSource" : "/libclient_final/library/viewtarrif.php",
"fnServerData": function ( sSource, aoData, fnCallback, oSettings ) {
oSettings.jqXHR = $.ajax( {
"dataType": 'json',
"type": "POST",
"url": "/libclient_final/library/viewtarrif.php",
"data": aoData,
"success": fnCallback
} );
},
"fnRowCallback": function( nRow, aData, iDisplayIndex ) {
$('td:eq(1)', nRow).html('<a href="#" data= "' + aData[1] +'view.php" title="' + aData[1] +'" class="addnew">' +
aData[1] + '</a>');
return nRow;
},
"aoColumns": [
{ "sTitle": "<input type='checkbox' name='checkbox' id='checkbox' />", "sWidth" : "3%", "bSortable": false },
{ "sTitle": "Tariff Name", "sWidth" : "20%" },
{ "sTitle": "Currency", "sWidth" : "20%" },
{ "sTitle": "Stutus", "sClass": "center", "sWidth" : "10%" }
],
"aoColumnDefs": [
{ "sWidth": "10%", "aTargets": [ -1 ] }
]
});
$('#search').click(function(){
oTable = $("example").datatble({
"fnServerData": function ( sSource, aoData, fnCallback, oSettings ) {
oSettings.jqXHR = $.ajax( {
"dataType": 'json',
"type": "POST",
"url": "data.txt",
"data": aoData,
"success": fnCallback
} )
}
});
})
} );
しかし、このコードは機能しません。oTable を 2 回使用できますか? 私に提案してください。