[fastadmin]第五篇表格搜索

wangchunbo 的个人博客 / 80 / 0 / 创建于 10个月前 / 更新于 5个月前

fastadmin 搜索栏功能下拉选择

add添加页面：
重点标注：

（1）multiple=”” 单选变多选

（2）data-live-search=”true” 下拉选择时显示搜索框

（3）name=”row[question_id][]” 把选择的选项值收纳到一个数组传递给控制器

   <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">题目:</label>
        <div class="col-xs-12 col-sm-8">
            <select id="c-question_id" data-rule="required" class="form-control selectpicker" multiple="" data-live-search="true" name="row[question_id][]">
                {foreach name="questionList" item="vo"}
                <option value="{$vo.id}" {in name="vo.id" value=""}selected{/in}>{$vo.question}</option>
                {/foreach}
            </select>
        </div>
    </div>

edit编辑页面：

重点标注：

value="$row.question_id|htmlentities"，值为多个id拼接的字符串类型

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Question')}:</label>
        <div class="col-xs-12 col-sm-8">
            <select id="c-question_id" data-rule="required" class="form-control selectpicker" multiple="" data-live-search="true" name="row[question_id][]">
                {foreach name="questionList" item="vo"}
                <option value="{$vo.id}" {in name="vo.id" value="$row.question_id|htmlentities"}selected{/in}>{$vo.question}</option>
                {/foreach}
            </select>
        </div>
    </div>

这部分代码各位请根据自己实际情况修改。

通用搜索栏实现动态下拉搜索功能

[fastadmin]第五篇表格搜索
使用fastadmin自动生成的后台，通用搜索栏中含有关联搜索项时，想要实现动态下拉列表搜索（如上图），又不想去写自定义模板，可以通过如下实现：
1、找到js文件中对于的字段，修改成：

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

2、在 var table = $("#table");

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

原文

ask.fastadmin.net/article/31000.ht...

本作品采用《CC 协议》，转载必须注明作者和本文链接

嗨，我是波波。曾经创业，有收获也有损失。我积累了丰富教学与编程经验，期待和你互动和进步！公众号：上海PHP自学中心付费知识星球：破解面试：程序员的求职导师

wangchunbo

版主 2.5k 声望

司机 @ 欣昊玉

创业给我教学和编程带来了洞见，期待与您共同成长。

0 人点赞

讨论数量: 0

(=￣ω￣=)··· 暂无内容！

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

[fastadmin]第五篇表格搜索

fastadmin 搜索栏功能下拉选择

edit编辑页面：

通用搜索栏实现动态下拉搜索功能

原文

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

[fastadmin]第五篇 表格搜索

fastadmin 搜索栏功能下拉选择

edit编辑页面：

通用搜索栏实现动态下拉搜索功能

原文

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录

[fastadmin]第五篇表格搜索