无法在第二个数据表页面上初始化自定义表单对象

时间:2016-11-21 18:51:27

标签: twitter-bootstrap-3 datatables

您可以添加静态表单对象,例如choose&输入到数据表列,如下所示: https://datatables.net/examples/api/form.html

但我正在尝试添加自定义引导小部件。像在这里找到的TouchSpin: http://www.virtuosoft.eu/code/bootstrap-touchspin/

初始化TouchSpin时,它只初始化显示的第一个数据表页面上的对象,第二页/第三页上的对象未初始化。

任何人都知道如何解决这个问题?可能是因为第二页/第三页还不是DOM的一部分呢?

1 个答案:

答案 0 :(得分:0)

您需要加入的是“drawCallback”功能。您可以在创建DataTable时在选项中指定它。它看起来像这样:

var table = $('#example').DataTable({
  //... Your other options ... //
  drawCallback: function(settings) {
      // This callback is called when the draw is complete which happens on:  
      // paging, sorting, and of course when you call ".draw()".  The current
      // DataTable page is in the DOM with all the HTML.

      // You can get the jquery element for the table like this.
      var dataTableJqueryObj = $(this);

      // You can get the API object like this.
      var apiDataTableObj = this.api();

      // Initialize your controls ...        
  }
});

如果您有任何其他问题,请告诉我。