2017-06-18 46 views
0

任何想法爲什麼onRefresh事件不會觸發?第一次通過表格正確顯示。但是,當點擊刷新按鈕它不起作用(事件不會觸發)。我以前認爲這很有效,但我認爲新版本的bootstrap.min.js可能會殺死它(或者這可能只是一個巧合)。任何幫助都會有所幫助。bootstrap-table onRefresh事件不起作用

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

回答

0

好吧,我放棄了,並做了香檳力的解決方案。感覺就像是某處衝突的錯誤。對於任何磕磕絆絆到這個位置是:

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