[fastadmin]第五篇 表格搜索
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自动生成的后台,通用搜索栏中含有关联搜索项时,想要实现动态下拉列表搜索(如上图),又不想去写自定义模板,可以通过如下实现:
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 协议》,转载必须注明作者和本文链接