下拉列表

在FastAdmin中集成了Bootstrap-select插件，可以对原有的select元素重新渲染，并增加相应的功能。

我们可以直接给select元素添加一个class为selectpicker的值即可，FastAdmin在检测到以后会自动进行渲染。

常用属性

我们同时可以给select添加以下属性用于配置selectpicker

属性	介绍	添加位置	示例
data-live-search	是否启用动态搜索	select	`<select data-live-search="true" ...>`
data-tokens	添加搜索的关键字	option	`<option data-tokens="keyword keyword2" ...>`
data-max-options	最大可选择option的数量	select或optgroup	`<select data-max-options="2"...>`
title	自定义默认提示语	select	`<select title="请选择相应的分类" ...>`
title	自定义选中以后显示的文字	option	`<option title="分类1" ...></option>`
data-style	定义样式	select	`<select data-style="btn-primary" ...>`

捕获事件

如果你希望捕获元素变更后的事件，直接给select绑定change事件即可，如下：

$(document).on("change", "#c-hobby", function(){
    //变更后的回调事件
});

手动渲染

如果你的HTML是异步渲染，可能导致下拉列表无法正常渲染，此时我们需要进行手动渲染，如下：

require(['bootstrap-select', 'bootstrap-select-lang'], function () {
    var form = $("下拉列表所在的父元素选择器");
    $('.selectpicker', form).selectpicker();
});

更多的使用方法请参考：Selectpicker官方教程

文档最后更新时间：2024-11-21 10:26:33

著作权归应用插件开发者所有，未经许可，禁止转载、复制此文档的任何内容。

← 日期时间附件选择 →

下拉列表

常用属性

捕获事件

手动渲染

目录