Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/467.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Datatables:在处理时禁用前一个、下一个、上一个和显示/搜索记录_Javascript_Datatables - Fatal编程技术网

Javascript Datatables:在处理时禁用前一个、下一个、上一个和显示/搜索记录

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

我使用的是Datatables 1.9版本

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'