Javascript Datatables:在处理时禁用前一个、下一个、上一个和显示/搜索记录
我使用的是Datatables 1.9版本Javascript Datatables:在处理时禁用前一个、下一个、上一个和显示/搜索记录,javascript,datatables,Javascript,Datatables,我使用的是Datatables 1.9版本 var oTable = $('#example').dataTable( { "oLanguage": {"sSearch": "Search all columns:", "sLengthMenu": "Display <select><option value='100'>100</option><option value='200'>20
var oTable = $('#example').dataTable( {
"oLanguage": {"sSearch": "Search all columns:",
"sLengthMenu": "Display <select><option value='100'>100</option><option value='200'>200</option></select> records per page"
},
"sPaginationType": "full_numbers",
"bAutoWidth": false,
"iDisplayStart": 0,
"iDisplayLength": 2000,
"bFilter": true,
"bInfo": true,
"bSort": true,
"sScrollX": "100%",
"sScrollY": "500px",
"bScrollCollapse": true,
"bPaginate": true,
"bSortClasses": true,
"bLengthChange": true,
"bProcessing": true,
"bDestroy": true,
"bServerSide": true,
"bDeferRender": true,
"fnServerParams": function ( aoData ) {
aoData.push( { "name": "form_data", "value": data } );
},
"sAjaxSource": "search.py",
"fnServerData": function ( sSource, aoData, fnCallback ) {
$.ajax( {
"dataType": 'json',
"type": "POST",
"url": sSource,
"data": aoData,
"success": function (json)
{
fnCallback(json);
$('html, body').animate({scrollTop:$(document).height()}, 'slow');
document.getElementById("bottom").focus();
},
"error": function (xhr, error, thrown) {
alert("An Error Occurred.!");
}
});
var-oTable=$('#示例')。数据表({
“oLanguage”:{“sSearch”:“搜索所有列:”,
“长菜单”:“每页显示100200条记录”
},
“sPaginationType”:“完整编号”,
“bAutoWidth”:假,
“iDisplayStart”:0,
“iDisplayLength”:2000,
“bFilter”:没错,
“宾福”:没错,
“bSort”:正确,
“sScrollX”:“100%”,
“sScrollY”:“500px”,
“崩溃”:没错,
“bPaginate”:对,
“bSortClasses”:正确,
“bLengthChange”:正确,
“bProcessing”:正确,
是的,
“bServerSide”:正确,
“bDeferRender”:没错,
“fnServerParams”:函数(aoData){
push({“name”:“form_data”,“value”:data});
},
“sAjaxSource”:“search.py”,
“fnServerData”:函数(sSource、aoData、fnServerData回调){
$.ajax({
“数据类型”:“json”,
“类型”:“职位”,
“url”:sSource,
“数据”:aoData,
“成功”:函数(json)
{
fn回调(json);
$('html,body').animate({scrollTop:$(document.height()},'slow');
document.getElementById(“底部”).focus();
},
“error”:函数(xhr、error、抛出){
警报(“发生错误!”;
}
});
问题是,当我运行搜索时,datatables会将“Processing…”文本呈现为“Show..search”第一个“下一个上一个”和“最后一个”按钮也会显示。当datatabales已处理或从后端收到响应时,是否有一种方法可以延迟显示该按钮。我没有完全理解您的问题。如果您想隐藏这些控件,可以尝试此操作 Datatables附带用于筛选和分页的控件。这些控件可以通过几种方式显示和隐藏(所有示例都在coffeescript中): 方式1 方式2:使用“sDom”道具 这里“f”表示过滤器,“t”表示表格,所以只显示它们。顺序很重要:“ft”表示放置 过滤器在顶部,而“tf”将把它放在底部 有关更复杂的窗口小部件和其他窗口小部件,请参见Ref 参考: 我从这个链接得到了答案:您应该在传递给构造函数参数的配置对象中包含
“bPaginate”:false、
如你所见。
因为它是数据表
//隐藏数据表长度
.dataTables_长度{
显示:无;
}
//隐藏分页
.分页{
显示:无;
}
//隐藏数据表信息
.dataTables\u信息{
显示:无;
}
$("#myTable").dataTable
"bPaginate": false, #hide pagination control
"bFilter": false #hide filter control
$("#myTable").dataTable
"aaData": data
"sDom": 'ft'