下拉列表

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

我们可以直接给select元素添加一个classselectpicker的值即可,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(){
    //变更后的回调事件
});
更多的使用方法请参考:Selectpicker官方教程
文档最后更新时间:2023-07-31 08:12:06
著作权归应用插件开发者所有,未经许可,禁止转载、复制此文档的任何内容。