Question

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

这是html代码段

    <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

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

1 个答案: