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

Question

是否有任何简单的jquery脚本/插件在asp.net gridview中应用bootstrap分页样式？我找到了一些有关如何执行此操作的好提示，例如以下链接：here和here。 这些提示/解决方案的唯一问题是我们需要进行大量更改才能实现结果，当您拥有大型应用程序并且希望将其转换为引导程序样式时，这不是首选。我们需要另一个解决方就像一个简单的jquery脚本，它可以在不对当前代码进行大量更改的情况下完成工作。

Answer 1

我已经制作了简单的jquery脚本来在asp.net gridview中应用bootstrap分页，我认为在stackoverflow中分享它会很有用。 该脚本的源代码托管在github here。

用法非常简单：

- 在你的asp.net页面文件中包含插件js文件：

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

-set gridview property：

PagerStyle-CssClass="bs-pagination"

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

查看我的blog了解详情。

修改

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

解决此问题的解决方案不止一个：

解决方案1：

使用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)
    });
});