bootstrap_select 不会用 YADCF 打开

Question

我使用 bootstrap-select 作为过滤器类型 multi_select 和 select 与 yadcf 的 custom_select 选项。两者都显示正常并且正在初始化，但是当单击 select 或 multi_select 时，下拉菜单不会切换打开或关闭。我可以看到下拉列表中有选项，因为我已将其设置为 'selectAll'。参见 here

查看下面我的代码：

    var _bootstrapselect;
    yadcf.initSelectPluginCustomTriggers(
        function ($filterSelector) {
            _bootstrapselect = $filterSelector.selectpicker({
            });
            _bootstrapselect.selectpicker('selectAll');               
        },
        function ($filterSelector) {
            _bootstrapselect.selectpicker('refresh');
        },
        function ($filterSelector) {
            _bootstrapselect.selectpicker('destroy');
        });

    yadcf.init(table, [           
        {
            column_number: 0,
            filter_container_id: 'external_filter_container_0',
            filter_type: 'multi_select',
            select_type: 'custom_select',
            style_class: 'form-control selectpicker',
            filter_default_label: 'Filter Column',
            filter_reset_button_text: false,
        }
    ]);

我没有控制台错误，所以我的 boostrap js 和 bootstrap css 文件似乎正在以正确的顺序加载。我还成功地在 yadcf 之外设置了 bootstrap-select 并且工作正常。任何帮助将不胜感激。

Answer 1

我能够解决 bootstrap-select 和 yadcf 的所有问题。不要使用 nuget 包管理器下载 bootstrap-select。这就是问题所在。使用来自 link here 的 CDNJS。另外，将脚本 link 放在底部 bootstrap、datatables 和 yadcf 脚本之后。

最终代码：

    var _bootstrapselect;
    yadcf.initSelectPluginCustomTriggers(
        function ($filterSelector) {
            _bootstrapselect = $filterSelector.selectpicker({});
        },
        function ($filterSelector) {
            _bootstrapselect.selectpicker('refresh');
        },
        function ($filterSelector) {
            _bootstrapselect.selectpicker('destroy');
        }
    );

    yadcf.init(table, [           
    {
        column_number: 0,
        filter_container_id: 'external_filter_container_0',
        filter_type: 'multi_select',
        select_type: 'custom_select',
        style_class: 'form-control selectpicker',
        filter_default_label: 'Filter Column',
        filter_reset_button_text: false,
    }
]);

bootstrap_select 不会用 YADCF 打开

bootstrap_select wont toggle open with YADCF

bootstrap-select

yadcf