关于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()。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值