数据表、Yadcf 和 Select2。如何在表格外添加 Select2 过滤器

Question

我正在使用 Datatables、Yadcf 和 Select2。单击任何过滤器后，我都会遇到错误。错误是。在未使用 Select2 的元素上调用了 select2('close') 方法。无法获取未定义或空引用的属性“关闭”。我已将 select2 cdn 放在 yadcf cdn 上方。我在这里放了一个例子。观察控制台。 https://jsfiddle.net/Paul2167/zusvc4ra/ 我正在使用位于桌子外面的过滤器。我只有 2 个过滤器。如果它们都是 select2 类型，则没有错误。但是如果只有 1 个过滤器设置为使用 select2。然后单击任一过滤器时都会发生错误。

这是html sn-p

    <div>
      <span id="external_filter_container1">
      <!-- leave the wrapper contents empty -->
      </span>
    </div>

    <div>
      <span id="external_filter_container2">
      <!-- leave the wrapper contents empty -->
      </span>
    </div>

    <div>
    <table class="mytable2 display table">
      <tbody>
      //table data...
      </tbody>
    </table>
    </div>

我的数据表初始化文件在这里：

    var oTable;
    jQuery( document ).ready( function($) {
      'use strict';

     // start datatable
    oTable = $('.mytable2').DataTable( {
        pageLength: 10,
        searching: true
     });
    // end datatable

    // start yadcf
    yadcf.init(oTable, 
     [
      {
       column_number : 0,
       filter_container_id: 'external_filter_container1',
       filter_reset_button_text: false,
       select_type: 'select2',
       filter_default_label: 'First'

       },
      {
       column_number : 1, 
       filter_container_id: 'external_filter_container2',
       filter_reset_button_text: false,
       //select_type: 'select2',
       filter_default_label: 'Last'
       }
      ]
     );
    // end yadcf

    }); // end ready function

Answer 1

这已经在 0.9.4.beta.12 中已经修复但尚未发布的版本中修复。 github.com/vedmack/yadcf/issues/500