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'=>''

猜你喜欢

转载自blog.csdn.net/cyylovelz/article/details/139002304