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

Question

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

Answer 1

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

用法很简单:

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

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

-set gridview属性:

PagerStyle-CssClass="bs-pagination"

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

查看我的博客了解更多信息.

编辑:

关于在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)
    });
});