码迷,mamicode.com
首页 > 其他好文 > 详细

关于Bootstrap table的回调onLoadSuccess()和onPostBody()使用小结

时间:2018-12-26 11:51:23      阅读:2118      评论:0      收藏:0      [点我收藏+]

标签:dex   number   行数据   项目   企业级   字段   content   view   加载   

关于Bootstrap table的回调onLoadSuccess()和onPostBody()使用小结

    Bootstrap table 是一款基于 Bootstrap 的 jQuery 表格插件, 简单易用, 且功能强大。越来越多的企业级项目开发中会用到, 关于BT的基本使用本文不作赘述,有需要的可以查阅官方文档。
    在使用过程中,可能需要对BT查询返回的数据做操作,比如计算某一列的和,或者填充某行某个字段值,那么就需要用到回调。

Bootstarp Table提供了丰富的Events和Mebthods (详情查阅Bootstarp Table官方文档),这边只介绍两个回调函数。 
1.onLoadSuccess() 
此方法在Bootstarp Table数据成功加载返回后触发,参数为data(注意:data传入的数据是分页后的数据,并不是所有查询出来的数据,如果limit为10,那么就是10条数据),此时表格行数据尚未渲染,此时可以对数据进行更新或取值操作。

$("#id").bootstrapTable(‘updateRow‘, {
                    index: rowIndex,
                    row: rowData
});

2.onPostBody() 
此方法在Bootstarp Table 行数据渲染后触发,参数为data,此时要注意,如果执行了上面的updateRow操作,由于表格刷新了,所以又会触发onPostBody(),然后会陷入死循环,导致页面数据一直加载不出来。


总结:如果回调只是获取行数据,做一些逻辑,不涉及表格更新操作,可以使用onPostBody(),否则要使用onLoadSuccess()

关于Bootstrap table的回调onLoadSuccess()和onPostBody()使用小结

标签:dex   number   行数据   项目   企业级   字段   content   view   加载   

原文地址:https://www.cnblogs.com/wangjintao-0623/p/10177817.html

(1)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!