jquery设置bootstrap-table的当前选中页码的获取与设置

一、获取当前table分页的页码

有两种方式可以获得当前选中的页码:

1、通过table的onPageChange方法

$(‘#agentTable‘).bootstrapTable({
            data: {........},
            onPageChange: function (pageNumber) {
                $.cookie("curAgentTablePageNumber", pageNumber);
            },
            columns: [
                {......}
]});

2、通过table的getOptions的属性获取

var curAgentTablePageNumber = $("#agentTable").bootstrapTable("getOptions").pageNumber;

二、设置table的默认选中页码

1、通过pageNumber属性设置

        $(‘#agentTable‘).bootstrapTable({
            data:{......},
            pageNumber: parseInt($.cookie("curAgentTablePageNumber") ? $.cookie("curAgentTablePageNumber") : 1),
            onPageChange: function (pageNumber) {
                $.cookie("curAgentTablePageNumber", pageNumber);
            },
            columns: [

pageNumber属性设置的时候必须要转换成数值类型,否则分页标签的页码不会被选中。

2、通过selectPage来设置

$(‘#table‘).bootstrapTable(‘selectPage‘,num);

  同样必须是数字类型。

原文地址:https://www.cnblogs.com/janken/p/11523407.html

时间: 2024-10-01 16:19:28

jquery设置bootstrap-table的当前选中页码的获取与设置的相关文章

Jquery如何删除table里面checkbox选中的多个行

思路:遍历被选中的checkbox对象→根据选中项筛选出需要删除的行→删除行.实例说明如下: 1.HTML结构 <table id = "test_table"> <tr><td><input type="checkbox" name="test"></td><td>1</td><td>2</td><td>3</td>

EditText设置/隐藏光标位置、选中文本和获取/清除焦点(转)

转:http://blog.csdn.net/dajian790626/article/details/8464722 有时候需要让光标显示在EditText的指定位置或者选中某些文本.同样,为了方便用户输入以提升用户体验,可能需要使EditText获得或失去焦点. 1. 设置光标到指定位置 EditText et = (EditText) findViewById(R.id.etTest); et.setSelection(2); PS:当内容过多时,可通过设置光标位置来让该位置的内容显示在屏

[Android教程]EditText设置/隐藏光标位置、选中文本和获取/清除焦点

有时候需要让光标显示在EditText的指定位置或者选中某些文本.同样,为了方便用户输入以提升用户体验,可能需要使EditText获得或失去焦点. 1. 设置光标到指定位置 EditText et = (EditText) findViewById(R.id.etTest); et.setSelection(2); PS:当内容过多时,可通过设置光标位置来让该位置的内容显示在屏幕上. 2. 隐藏光标 EditText et = (EditText) findViewById(R.id.etTes

Bootstrap Table列宽拖动的方法

在之前做过的一个web项目中,前端表格是基于jQuery和Bootstrap Table做的,客户要求能利用拖动改变列宽,为了总结和备忘,现将实现的过程记录如下: 1.Bootstrap Table可拖动,需要用到它的Resizable扩展插件,具体可见bootstrap-table的官方文档链接:http://bootstrap-table.wenzhixin.net.cn/zh-cn/extensions/ 进入之后,找到Resizable插件,点击Home进入github可以找到详细的用法

ABP module-zero +AdminLTE+Bootstrap Table+jQuery权限管理系统第十二节--小结,Bootstrap Table之角色管理

返回总目录:ABP+AdminLTE+Bootstrap Table权限管理系统一期 很多人说ABP不适合高并发大型,有一定的道理,但是我觉得还是可以的,就看架构师的能力了,我之前公司就是ABP绝对百万数据级项目,是一个在线教育网站,涉及到平台,学院,院系,班级,课程,学生等,一个平台多少大学,一个大学多少院系,一个院系多少班级多少课程,其负责程度一点都不简单,不说了,那是大神,比我在园子看到绝对大多数架构师都强悍.是我等仰望都对象.但是这不是停下脚步仰望的理由,只会是我们追求更强的脚步. 软件

html5 jquery bootstrap table 直接使用

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="viewport" content="width=device-w

jquery 获取,设置选中值

每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了. 比如<select class="selector"></select> 1.设置value为pxx的项选中 $(".selector").val("pxx"); 2.设置text为pxx的项选中 $(".selector").find("option[text='pxx']").attr(&qu

bootstrap table的属性sidePagination设置不当导致数据不显示

使用bootstrap table,某个页面不需要分页,就将参数 pagination设置为了 false. 想想既然不用分页了,干脆分页方式也删掉吧,结果莫名的结果是"没有找到匹配的记录",而前端调试看Network内容,明明返回了两条数据. 折腾半天后,逐步回退代码,才发现必须要sidePagination存在,且值为: "server", 如果配置为"client"也不显示数据. 原文地址:https://www.cnblogs.com/G

jQuery设置第一个checkbox 为选中值

1设置第一个checkbox 为选中值$('input:checkbox:first').attr("checked",'checked');或者$('input:checkbox').eq(0).attr("checked",'true'); 2.设置最后一个checkbox为选中值$('input:radio:last').attr('checked', 'checked');或者$('input:radio:last').attr('checked', 'tr