bootstrapTable


1、bootstrapTable-行点击事件

$(function () {  
    $('#dataTable').on('click-row.bs.table', function (e, row, element)   
    {  
        console.log(row);  
    });  
})

 2、bootstrapTable提供了专门的loadsuccess方法,用于反映数据是否加载成功。

$("#xxx").on('load-success.bs.table',function(data){
       console.log("load success");
    });

 3、

问题描述:

  使用bootstrap table时遇到一个小问题,第一次查询数据未5页,翻页到第5页后,选中条件再次查询数据时,传到后端页码仍旧为5,而此时数据量小于5页,表格显示为未查询到数据。

处理方式:

  使用bootstrap table的参数刷新方法(refreshOptions),在查询按钮刷新table发出数据请求时,将页码刷新回到1。

  //搜索
    function fnSearch(){
        $('#topic').bootstrapTable('refreshOptions',{pageNumber:1});
        //$('#topic').bootstrapTable('refresh');
    }

 4、获取当前页 、获取总行数

var pageNumber = $('#notice').bootstrapTable('getOptions').pageNumber;//获取当前页
var totalRows = $('#notice').bootstrapTable('getOptions').totalRows;//获取总行数

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM