实现fastadmin搜索栏中动态下拉列表搜索功能

最新推荐文章于 2024-12-19 01:02:26 发布

一只胡萝卜

最新推荐文章于 2024-12-19 01:02:26 发布

阅读量8.1k

点赞数 5

分类专栏： fastadmin 文章标签： fastadmin 动态下拉搜索 fastadmin动态下拉搜索 fastadmin实现下拉列表 fastadmin搜索栏

本文链接：https://blog.csdn.net/qq_36129701/article/details/108364882

版权

fastadmin 专栏收录该内容

7 篇文章 2 订阅

订阅专栏

使用fastadmin自动生成的后台，搜索栏中含有分类搜索项时，默认显示的是文本框搜索，我们想要实现动态下拉列表搜索。实现如下效果。
在这里插入图片描述
找到对应文件的js文件，修改如下

//模糊搜索
{field: 'pclass.cname', title: __('Pclass.cname'), operate: 'LIKE %...%', placeholder: '模糊搜索，*表示任意字符'},

然后在js文件中添加如下代码，必须添加在var table = $("#table");之后

table.on('post-common-search.bs.table', function (event, table) {
    var form = $("form", table.$commonsearch);
    $("input[name='pclass.cname']", form).addClass("selectpage").data("source", "pclass/index").data("primaryKey", "cname").data("field", "cname").data("orderBy", "id desc");
    Form.events.cxselect(form);
    Form.events.selectpage(form);
 });