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

Question

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

我写了下面的代码：

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

但成功不会调用。

你能帮忙实现吗？

Answer 1

看看：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

Answer 2

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