fastadmin table 头部 筛选

fastadmin table 头部 筛选

想实现一个这样的筛选 找了好久才找到这个功能实现的原理 

首先 index.html文件建立一个这样的 样式 生成一个列表 也可以自己手动写一个 列表 下面这个是 自动生成的

fastadmin table 头部 筛选

代码如下:

<ul class="nav nav-tabs" data-field="status">
    <li class="active"><a href="#t-all" data-value="" data-toggle="tab">{:__('All')}</a></li>
    {foreach name="balanceTypeList" item="vo"}
    <li><a href="#t-{$key}" data-balance_type="{$key}" data-value="{$key}" data-toggle="tab">{$vo}</a></li>
    {/foreach}
</ul> 
data-balance_type="{$key}"  这个是参数传送 一定不要忘记了 参数与你自身的要求 进行修改 你以为这样就可以了吗?不不不

fastadmin table 头部 筛选仍然需要改变我们的js文件 参数 与之对应 就可以了 

补充一下 php文件只需要输出一个这样的 列表就可以了

fastadmin table 头部 筛选

public function getTypeList()
{
    return ['1' => __('Type 1'), '2' => __('Type 2'), '3' => __('Type 3'), '4' => __('Type 4'), '5' => __('Type 5'), '6' => __('Type 6')];
}