目录

FastAdmin表单搜索框设置下拉多选搜索

JAY.LIN 收录于前端 Fastadmin

2024-12-24 约 281 字预计阅读 1 分钟

https://bing.ee123.net/img/rand?artid=139002304

目录

FastAdmin表单搜索框设置下拉多选搜索

在开发Fastadmin框架程序时遇到了通用搜索需要使用下拉多选来检索数据，在网上找了半天，作此记录

最终效果如上图

Fastadmin除了使用模板的build_select来生成下拉多选框，JS也可以

JS

{
    field: 'warehouse_id',
    title: '仓库',
    visible: false,
    align: 'left',
    addClass:selectpicker,
    operate:IN,
    data:multiple,
    searchList: $.getJSON('base/wGetAllList'),
},

主要参数就是：

addClass:selectpicker,
operate:IN,
data:multiple

searchList的结构是标准的array结构即可，也可以是接口数据

 [{id:1,name:xxx},...]
或
[xxx,...]

html模板

{:build_select('warehouseList[]', $warehouseList, null, ['class'=>'form-control selectpicker', 'multiple'=>'', 'data-rule'=>'required'])}

主要参数：

'multiple'=>''