bootstrap-select开启全选功能及补全中文语言

官方文档和fastadmin的文档都没提selectpicker可以设置全选,
搜了一圈之后发现是在select标签如下设置:

multiple 是开启多选;
data-none-selected-text 是未选中任何内容时的提示文案;
data-actions-box="true" 就是开启全选;

<select multiple="" data-none-selected-text="未选中任何选项" data-actions-box="true">
……
</select>

但最终两个按钮的文案都是英文的,翻看语言文件发现是:
public/assets/libs/bootstrap-select/dist/js/i18n/defaults-zh_CN.js
少了如下两条:

(function ($) {
  $.fn.selectpicker.defaults = {
    noneSelectedText: '没有选中任何项',
    noneResultsText: '没有找到匹配项',
    countSelectedText: '选中{1}中的{0}项',
    maxOptionsText: ['超出限制 (最多选择{n}项)', '组选择超出限制(最多选择{n}组)'],
    multipleSeparator: ', ',
    selectAllText: '全选', // 新增
    deselectAllText: '全不选', // 新增
  };
})(jQuery);

这样最终的效果就是:

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值