在具有分页ASP.NET MVC5&的页面上选择All Option。 jQuery的

时间:2018-03-22 09:03:49

标签: javascript jquery asp.net-mvc razor asp.net-mvc-5

我有一个应用程序,我有一个Select All选项,它使用JQuery:

    $(".selectall").click(function () {
    $(".individual").prop("checked", $(this).prop("checked"));
});

这在当前页面上工作正常。但我设置了页面,以便使用Ajax加载部分视图,因此它只加载表而不是整个视图。然后我有分页,它也使用一种方法来跳过并取结果数,你也可以显示一些记录,默认是25,但最多可以达到100。

有没有办法可以让它选择所有记录,无论我在哪个页面,或者我是否选择显示10条记录,25条记录或100条记录。

我正在ASP.NET MVC5中构建应用程序。我还希望某种计数显示为一个标题,说明所选的一些记录是......

这是我的AJAX:

`@* Pagination Async Partial Handling *@
        $(document).on("click",
            "#indexPager a",
            function() {
                if ($(this).parent().hasClass('disabled') || $(this).parent().hasClass('active'))
                    return false;
                $.ajax({
                    url: $(this).attr("href"),
                    type: 'GET',
                    cache: false,
                    success: function(result) {
                        $('#tableContainer').html(result);
                        addBootstrapTooltips("#tableContainer");
                    }
                });
                return false;
            });
        $(document).on("change",
            "#pageSizeSelector",
            function() {
                var selectedValue = $(this).val();
                $.ajax({
                    url: selectedValue,
                    type: 'GET',
                    cache: false,
                    success: function(result) {
                        $('#tableContainer').html(result);
                        addBootstrapTooltips("#tableContainer");
                    }
                });
            });`

有人能告诉我在哪里可以在我的AJAX中添加JQuery吗?

1 个答案:

答案 0 :(得分:0)

您需要在AJAX分页回调中添加以下行

$(".individual").prop("checked",$(".selectall").prop("checked"));