bootstrap multiselect filterClearBtn未显示

问题描述 投票:0回答:1

我正在使用Bootstrap multiselect,一切都很好,但是当我启用enableFiltering = true选项时,不会显示清除过滤器按钮。这就是我初始化组件的方式:

$("#ultra").multiselect({
        buttonWidth: '100%',
         enableFiltering: true,
         includeSelectAllOption: true,
         nSelectedText: 'Selecciones',
         nonSelectedText: 'Sin Aplicar',
         includeFilterClearBtn:true,
         filterClearBtn: '<span class="input-group-btn"><button class="btn btn-default multiselect-clear-filter" type="button"><i class="glyphicon glyphicon-remove-circle"></i></button></span>'
    });
javascript jquery css multi-select bootstrap-multiselect
1个回答
0
投票

如果将来对其他人有用,我会回答我自己的问题:

pugin使用glyphicon,但我没有在项目中下载它,因此下载和安装可能是一种解决方案。但是在我的情况下,我使用fa-icons添加了此更改,只需要修改multiselect的属性模板即可,此处示例:就在这里:class =“ fa fa-eraser”

$("#mySelect").multiselect({       
        nSelectedText: 'Selecciones',
        enableHTML: true,
        templates: {
            filter: '<li class="multiselect-item multiselect-filter"><div class="input-group mb-3"><div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-search"></i></span></div><input class="form-control multiselect-search" type="text" /></div></li>',
            filterClearBtn: '<span class="input-group-btn"><button class="btn btn-default multiselect-clear-filter" type="button"><i class="fa fa-eraser"></i></button></span>'

        }
    });

© www.soinside.com 2019 - 2024. All rights reserved.