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

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