FastAdmin下拉选择带搜索功能

1. 在需要操作页面的js文件中添加如下代码

var table = $("#table"); 
// 下边的代码中的 最长的那行就是定义下拉的数据源的，一定要写在之后

table.on('post-common-search.bs.table', function (event, table) {
	let form = $("form", table.$commonsearch);
    $("input[name='dav_id']", form).addClass("selectpage").data("source", "trading/note_user/dav_config_search").data("primaryKey", "id").data("field", "name").data("orderBy", "id");
    Form.events.cxselect(form);
    Form.events.selectpage(form);
});

//上边代码中的dav_config_search 是php的方法，返回下拉资源数据格式就可以了
trading/note_user/dav_config_search

dav_config_search 方法如下

public function dav_config_search()
{
    $name = $this->request->param('name','');
    $dav_list = model('Member')::getDavConfig($name);
    $list = [];
    foreach ($dav_list as $key => $val) {
        $list[] = ['id' => $val['id'], 'name' => $val['title']];
    }
    $data = ['total' => count($list), 'list' => $list];
    echo json_encode($data);
}

2. List item

然后在表格初始化字段那里定义

// 初始化表格
table.bootstrapTable({
    url: $.fn.bootstrapTable.defaults.extend.index_url,
    pk: 'id',
    sortName: 'note_buys.id',
    searchFormVisible: true,
    columns: [
        [
            {field: 'dav_id', title: '圈子', placeholder: '请选择圈子',formatter: Controller.api.formatter.dav_config}
        ]
    ],
});

然后就可以实现如下效果