Asp.net mvc 4 如何在Jquery datatable 1.9中使用sPageNextDisabled？

我有一个数据表，有12列

oTable = $('#NotificationsTable').dataTable({
    "bDestroy": true,
    "bFilter": true,
    "bJQueryUI": true,
    "bPaginate": true,
    "bsorting": true,
    "iDisplayStart": 0,
    "aLengthMenu": [[25, 50, 100, -1], [25, 50, 100, "All"]],
    "iDisplayLength": 25,
    "bLengthChange": true,
    "bServerSide": true,

    "sAjaxSource": "URL",

    "fnServerParams": function (aoData) {

        aoData.push({ "name": "param", "value": "page" }
            );
    },

    "aoColumns": [
        { "mData": "Col0", "sClass": "center" }, 
        { "mData": "Col1", "sClass": "center" }, 
        { "mData": "Col2", "sClass": "center" },
        { "mData": "Col3", "sClass": "center wrapword" }, 
        { "mData": "Col4", "sClass": "center" },
        { "mData": "Col5", "sClass": "center" }, 
         { "mData": "Col6", "sClass": "center" }, 
        { "mData": "Col7", "sClass": "center" }, 
         { "mData": "Col8", "sClass": "center" }, 
        { "mData": "Col9", "sClass": "center" }, 
        { "mData": "Col10", "sClass": "center" }, 
        { "mData": "Col11", "bSortable": true }
    ],
    "fnInitComplete": function (oSettings, json) {
        //Some function
    },


    }
});

oTable .columnFilter({
    sPlaceHolder: "head:after", aoColumns: [
                     { type: "text" }, { type: "text" }, { type: "text" }, { type: "text" },
                       { type: "text" }, null, { type: "text" }, { type: "text" },
                       { type: "text" }, { type: "text" }, { type: "text" }, { type: "text" }
    ]

});

在这里，我想在显示“所有”条目时禁用datatable的NEXT按钮

---

仅供参考：我的数据表中已经有一行了，但我从来没有想过要向用户显示这一行

下一步按钮始终具有id

\u Next

、长度菜单

\u length

。在dataTables 1.9.x中，每个按钮的启用或禁用模式都有单独的CSS类。当长度值为-1，即

All

的值时，切换这些类。最后从按钮取消绑定下一页事件

$（'select[name=“NotificationsTable_length”]”）。在（'change'，function（）上{
var$nextButton=$（“#NotificationsTable_next”）；
if（$（this）.val（）=-1）{
$nextButton.toggleClass（'paginate_disabled_next'）；
$nextButton.unbind（'click'）；
}否则{
$nextButton.toggleClass（'paginate_enabled_next'）；
}        
}).触发（“变更”）；

1.9.4演示->

---

在dataTables 1.10.x中，只有一个

.disabled

类针对所有分页按钮

$('select[name="NotificationsTable_length"]').on('change', function() {
    var $nextButton = $("#NotificationsTable_next");
    if ($(this).val() == -1) {
        $nextButton.addClass('disabled');
        $nextButton.unbind('click');
    } else {
        $nextButton.removeClass('disabled');
    }        
}).trigger('change');  

---

演示->

当用户在“长度”菜单中选择“全部”时，

下一步

按钮将自动禁用。这在1.9.x和1.10.x版本中都是默认值。是的。但正如我所说的，鉴于我的情况，我必须手动执行。@davidkonrad。谢谢。当我们将下拉值更改为all时，它会起作用，因为我们在更改时添加了该值。但当页面加载且值为“All”时，则不会。@Prasanna，你是对的，只有当用户选择新项目时，才会触发事件End。只要在页面加载时立即触发

change

事件（参见更新的代码示例）。谢谢@davidkonrad。但是在装载时，我试着按照你提到的那样连接。当页面加载时，它不工作。但是，是的，当触发更改事件时，它可以完美地工作+1美元。