ブートストラップテーブルのonRefreshイベントが機能しない

Question

なぜ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（ボタンはこの機能にUを取得します）：

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(); 
} 

Answer 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(); 
}