[fastadmin]第七篇 FastAdmin中form常用技巧:下拉框联动、下拉框搜索和下拉框多选

form 常用技巧

下拉框联动

使用data-url属性来设置取值的链接。你可以自己配置参数和展示字段。

API也需要自行配置,返回一个对象即可。

API返回写法示例:$this->success('', null, $list);

html 代码:

<div class="row" data-toggle="cxselect" data-selects="group,admin">
    <div class="col-xs-6">
        <select class="group form-control" name="group" data-url="xy/yyxxgl/getGroupList"></select>
    </div>
    <div class="col-xs-6">
        <select class="admin form-control export_hospital_id"  name="hospital_id" data-url="xy/yyxxgl/getHospitalListByGroup" data-query-name="group_id"></select>
    </div>
    <input type="hidden" class="operate " data-name="hospital_id" value="in"/>
</div>

下拉框搜索

[fastadmin]第七篇 FastAdmin中form常用技巧:下拉框联动、下拉框搜索和下拉框多选

设置属性: data-live-search=”true”

<select id="c-gkbs" data-rule="required" min="0" class="form-control selectpicker" data-live-search="true" name="row[hospital_id]">
    {foreach name...省略

下拉框多选

[fastadmin]第七篇 FastAdmin中form常用技巧:下拉框联动、下拉框搜索和下拉框多选

如下面代码改为多选

<select  id="c-sheet_type" data-rule="required" min="0" class="form-control selectpicker" name="row[sheet_type]">
                {foreach name="sheetTypeList" item="vo"}
                <option value="{$key}" {in name="key" value="0"}selected{/in}>{$vo}</option>
                {/foreach}
            </select>

则 name 改为 name="row[sheet_type][]"

增加一个css属性: mulitple

加好,代码如下

<select  id="c-sheet_type" mulitple data-rule="required" min="0" class="form-control selectpicker" name="row[sheet_type][]">
                {foreach name="sheetTypeList" item="vo"}
                <option value="{$key}" {in name="key" value="0"}selected{/in}>{$vo}</option>
                {/foreach}
            </select>
本作品采用《CC 协议》,转载必须注明作者和本文链接
• 15年技术深耕:理论扎实 + 实战丰富,教学经验让复杂技术变简单 • 8年企业历练:不仅懂技术,更懂业务落地与项目实操 • 全栈服务力:技术培训 | 软件定制开发 | AI智能化升级 关注「上海PHP自学中心」获取实战干货
wangchunbo
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!
司机 @ 某医疗行业
文章
315
粉丝
354
喜欢
568
收藏
1139
排名:60
访问:12.6 万
私信
所有博文
社区赞助商