私はajaxベースのページネーションを持っており、異なる設定と変数名で異なるデータテーブルを使用しています。ページを変更してデータテーブルを作成すると、異なる機能になります。
例: 1 つのテーブルには bFilter:false があり、2 番目のテーブルには bFilter:true がありますが、2 番目のテーブルには検索フィルター ボックスがありません。
これを解決するにはどうすればよいですか?
2 番目のテーブルのコードは次のとおりです。
var videoListDataTable = videoListTable.dataTable({
"bProcessing": true,
"bServerSide": true,
"bFilter": true, "bRetrieve": true,
<?php if (isset($forRelation)): ?>
"bLengthChange": false,
"bInfo": false,
<?php endif; ?>
"sAjaxSource": "video/tableData",
"oLanguage": BIP.dataTableLocalization,
"fnServerData": function (sSource, aoData, fnCallback, oSettings) {
oSettings.jqXHR = $.ajax({
"dataType": 'json',
"type": "POST",
"url": sSource,
"data": aoData,
"success": fnCallback
});
},
"aoColumns": [
{"sTitle": "Id", "mData": "id", "bSortable": false},
{"sTitle": "Video Başlığı", "mData": "title", "bSortable": false},
{"sTitle": "Açıklama", "mData": "description", "bSortable": false},
{"sTitle": "Thumbnail", "mData": "cdn_thumbnail", "bSortable": false,"fnRender":function(obj){
// debugger;
var sReturn = obj.aData["cdn_thumbnail"]
var returnButton = "<img src='"+sReturn+"' height='25px' width='60px'/>";
return returnButton;
}},
{
"sTitle": "Seçim",
"sClass": "text-centered",
"mData": null,
"bSortable": false,
"fnRender": function (obj) {
var sReturn = obj.aData[ obj.iDataColumn ];
var returnButton = "<input class='btn blue' type='button' style='float: right' onclick='BIP.video.table.videoSelectedForRelation(this);return false;' name='" + sReturn + "' value='Seç'></input>";
return returnButton;
},"sWidth": "25%"
},
{
"sTitle": "Düzenle",
"sClass": "text-centered",
"mData": null,
"bSortable": false,
"fnRender": function (obj) {
var sReturn = obj.aData[ obj.iDataColumn ];
var returnButton = "<input class='btn blue' type='button' style='float: none' onclick='BIP.video.detailClickedFromTable(this);return false;' name='" + sReturn + "' value='Düzenle'></input>";
return returnButton;
},"sWidth": "25%"
}
],
"fnCreatedRow": function( nRow, aData, iDataIndex ) {
$(nRow).attr("id","video_table_video_id_"+aData["id"]);
}
});