更新发生后,.bootstrapTable执行代码

时间:2017-06-09 17:47:38

标签: javascript jquery twitter-bootstrap html-table css-tables

我想在bootstrap表更新后执行代码。

我写了以下代码:

     $selectProductTable.bootstrapTable('refreshOptions', {
        url: REST_PRODUCT_PREFIX + '/list',
        ajaxOptions: {
            headers: {
                "Authorization": "Bearer " + token
            }
        },
        success: function() {
            updateUserInformation($("#userId").val())
        }
    });

但成功并没有调用。

你能帮助实现吗?

2 个答案:

答案 0 :(得分:5)

看看:https://github.com/wenzhixin/bootstrap-table/blob/develop/dist/bootstrap-table.js#L2014-L2033

特别是第2026行。您可以看到,在ajax调用成功时,它会触发一个名为'load-success.bs.table'的事件。

你可以听这个事件做这样的事情:

  $table.on('load-success.bs.table', function (res) {
    console.log('this is the response from the ajax call: ' + JSON.stringify(res, null, 2));
  })

http://jsfiddle.net/cm44uL3v/2/

该活动名为:onLoadSuccess,您可以在此处找到相关信息的说明:http://bootstrap-table.wenzhixin.net.cn/documentation/#events

答案 1 :(得分:1)

 $selectProductTable.bootstrapTable({
    method: 'get',
    ...
    onLoadSuccess: function(status, res) {
        // do something
    },
    ...
 });