在 asp.net gridview 中应用引导分页样式的简单脚本

是否有任何简单的 jquery 脚本/插件可以在 asp.net gridview 中应用引导分页样式？我发现了一些关于如何执行此操作的好提示，例如以下链接：here http://www.programming-free.com/2013/07/bootstrap-pagination-for-aspnet-gridview.html and here http://csharpbits.notaclue.net/2013/08/adding-a-bootstrap-pagination-to.html。 这些技巧/解决方案的唯一问题是我们需要进行大量更改才能实现结果，当您有大型应用程序并且想要将其转换为引导程序样式时，这不是可取的。我们需要另一个解决方案。就像一个简单的 jquery 脚本，无需对当前代码进行大量更改即可完成这项工作。

我制作了简单的 jquery 脚本来在 asp.net gridview 中应用引导分页，我认为在 stackoverflow 中分享它会很有用。 该脚本的源代码托管在github上here https://github.com/issamalidev/bs.pagination.js.

用法非常简单：

- 将插件 js 文件包含在您的 ASP.NET 页面文件中：

<script type="text/javascript" src="js/bs.pagination.js"></script>

-设置网格视图属性：

PagerStyle-CssClass="bs-pagination"

这就是在 asp.net gridview 中应用引导分页样式所需的全部内容。

检查我的blog http://blog.issamsoft.com/了解更多信息。

Edit:

关于在UpdatePanel中使用gridview时出现的问题，出现这个问题的原因是因为“UpdatePanel在更新时完全替换了更新面板的内容。这意味着我们订阅的那些事件将不再订阅，因为该更新面板中有新元素。”

有不止一种解决方案可以解决这个问题：

解决方案一：

使用 pageLoad() 而不是 $(document).ready。像这样修改代码：

function pageLoad() {
            $('.bs-pagination td table').each(function (index, obj) {
                convertToPagination(obj)
            });
        }

解决方案2：

每次更新后重新更改样式。我们可以通过将这些行添加到 bs.pagination.js 文件来做到这一点：

var prm = Sys.WebForms.PageRequestManager.getInstance();

prm.add_endRequest(function () {
    $('.bs-pagination td table').each(function (index, obj) {
        convertToPagination(obj)
    });
});