引导表 onRefresh 事件不起作用答案

【问题标题】：bootstrap-tables onRefresh event not working引导表 onRefresh 事件不起作用
【发布时间】：2017-06-19 22:07:40
【问题描述】：

知道为什么 onRefresh 事件没有触发吗？第一次通过表格显示正常。但是当单击刷新按钮时它不起作用（事件不会触发）。我认为这之前有效，但我认为 bootstrap.min.js 的新版本可能已经杀死了它（或者这可能只是一个巧合）。任何帮助都会有所帮助。

HTML：

<table id="stats-view-output4" data-pagination="false" data-show-refresh="true" data-search="false" 
               data-cache="false" data-show-toggle="false" data-show-columns="false"
               data-show-header="false" data-show-footer="false">
</table>

Javascript（一个按钮让你进入这个功能）：

function do_trader_instruments() {
  $('#stats-view-output4').bootstrapTable({
      onRefresh: function (params) {
          bpt_pie_chart();
      },
      columns: [{
          field: 'TradedInstruments',
          title: 'Traded Instruments'
      }],
      data: [{
          TradedInstruments: "<div id='instrument-chart'></div>"
      }]
  });
  bpt_pie_chart();
}

【问题讨论】：

标签： bootstrap-table

【解决方案1】：

好吧，我放弃了，做了一个蛮力解决方案。感觉像是某个地方的冲突错误。对于任何在这里偶然发现的人来说，它是：

HTML：

        <div id="toolbar4">
            <div class="form-inline" role="form">
                <button id="refresh4" class="btn btn-default" type="submit"><span class="glyphicon glyphicon-refresh"></span></button>
            </div>
        </div>
        <table id="stats-view-output4" data-pagination="false" data-show-refresh="false" data-search="false" 
               data-cache="false" data-show-toggle="false" data-show-columns="false"
               data-toolbar="#toolbar4" data-toolbar-align="right"
               data-show-header="true" data-show-footer="false" style="font-size:11px;">
        </table>

Javascript：

$(function () {
    $('#refresh4').click(function () { 
        bpt_pie_chart();
    });
});

function do_trader_instruments() {
  $('#stats-view-output4').bootstrapTable({

    columns: [{
       field: 'TradedInstruments',
       title: 'Traded Instruments'
    }],
      data: [{
      TradedInstruments: "<div id='instrument-chart'></div>"
    }]
  });
  bpt_pie_chart();
}

【讨论】：