fastadmin table 头部筛选

最新推荐文章于 2025-06-16 16:15:08 发布

原创最新推荐文章于 2025-06-16 16:15:08 发布 · 4.2k 阅读

2 ·

CC 4.0 BY-SA版权

fastadmin 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种使用PHP自动生成HTML列表的方法，并详细解释了如何通过数据属性(data-*)将列表项与JS参数绑定，实现动态筛选功能。文章提供了具体的代码示例，包括index.html中的HTML结构和PHP函数，展示了参数如何在前后端间传递。

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

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

代码如下：

<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}"  这个是参数传送 一定不要忘记了 参数与你自身的要求 进行修改 你以为这样就可以了吗？不不不

仍然需要改变我们的js文件参数与之对应就可以了

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

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