数据表:首先禁用第一个下一个上一个最后一个并在处理时显示/搜索记录

时间:2012-06-06 08:59:19

标签: 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'>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.!");
                                }
                });

问题在于,当我运行搜索并且数据表呈现“处理...”文本时,“显示...搜索”和第一个下一个上一个和最后一个按钮也会显示。有没有办法在datatabales处理完或从后端接收响应时推迟显示。

3 个答案:

答案 0 :(得分:2)

我完全不明白你的问题。如果你想隐藏那些控制,你可以尝试这个..

Datatables附带过滤和分页控件。这些可以通过几种方式显示和隐藏(coffeescript中的所有示例): 方式1

$("#myTable").dataTable
"bPaginate": false, #hide pagination control
"bFilter": false #hide filter control

方式2:使用“sDom”道具

$("#myTable").dataTable
"aaData": data
"sDom": 'ft'

这里'f'表示过滤器,'t'表示表,所以只显示那些。订单很重要:'ft'投放 过滤器在顶部,而'tf'将它放在底部。

有关更复杂的小部件和其他小部件,请参阅参考资料 参考:http://datatables.net/usage/options#sDom

我从这个链接得到了答案:https://gist.github.com/1568446

答案 1 :(得分:0)

您应该将"bPaginate": false,包含在传递给构造函数参数的配置对象中。

here。  因为它是数据表

答案 2 :(得分:0)

Hello world

这可以工作,但是我不推荐这样做