【问题标题】:.bootstrapTable execute code after update happens.bootstrapTable 更新发生后执行代码
【发布时间】:2017-11-11 20:01:11
【问题描述】:

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

我写了以下代码:

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

但 succes 不会调用。

你能帮忙实现吗?

【问题讨论】:

  • 如果您也可以共享一些 HTML sn-p 并保持 URL 不变。
  • 对不起。我没听懂你的评论

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


【解决方案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

【讨论】:

    【解决方案2】:
     $selectProductTable.bootstrapTable({
        method: 'get',
        ...
        onLoadSuccess: function(status, res) {
            // do something
        },
        ...
     });
    

    【讨论】:

    • 虽然此代码可能会回答问题,但提供有关其解决问题的方式和原因的额外上下文将提高​​答案的长期价值。
    • @cpburnz 它只是 m1 的另一种语法。回答。某处写得更好,但我不是专家
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-10-29
    • 2011-03-23
    • 1970-01-01
    • 1970-01-01
    • 2020-06-10
    • 1970-01-01
    • 2017-11-26
    相关资源
    最近更新 更多