## addFilter('字段名' [, '选项', '默认选项', '筛选方式'])
表头筛选是属于精确筛选。
| 版本 | 改进 |
| --- | --- |
| 1.0.4 | 新增“筛选方式”参数,支持单选 |
| 1.0.6 | 新增addFilterList()方法,支持自定义筛选列表,非读取数据库 |
~~~
// 读取用户数据
$data_list = Db::name('admin_user')->select();
// 使用ZBuilder构建数据表格
return ZBuilder::make('table')
->addOrder('id,username') // 添加排序
->addFilter('id,username') // 添加筛选
->addColumn('id', 'ID')
->addColumn('username', '用户名')
->addColumn('nickname', '昵称')
->addColumn('email', '邮箱')
->addColumn('mobile', '手机号')
->addColumn('create_time', '创建时间')
->setRowList($data_list) // 设置表格数据
->fetch();
~~~
添加好筛选字段后,还需要在查询数据之前获取筛选的数据,使用`$this->getMap()`即可。
~~~
// 获取排序
$order = $this->getOrder();
// 获取筛选
$map = $this->getMap();
// 读取用户数据
$data_list = Db::name('admin_user')->where($map)->order($order)->select();
// 使用ZBuilder构建数据表格
return ZBuilder::make('table')
->addOrder('id,username') // 添加排序
->addFilter('id,username') // 添加筛选
->addColumn('id', 'ID')
->addColumn('username', '用户名')
->addColumn('nickname', '昵称')
->addColumn('email', '邮箱')
->addColumn('mobile', '手机号')
->addColumn('create_time', '创建时间')
->setRowList($data_list) // 设置表格数据
->fetch();
~~~
![](https://box.kancloud.cn/a854b937c2690040971de9445f8d469a_1468x202.png)
点击字段筛选,弹出对话框,可以选择要显示的数据,也可以动态搜索。
![](https://box.kancloud.cn/65e425b4fe3468250124971209a6a3de_591x581.png)
>[danger]注意,点击筛选后,会默认在当前表查询结果,如果当前表没有数据,则查询结果为空。
### 使用数组方式
除了可以以字符串的形式填写要筛选的字段外,还可以用数组的形式。
~~~
// 使用ZBuilder构建数据表格
return ZBuilder::make('table')
->addFilter(['id','username']) // 添加筛选
->fetch();
~~~
### 指定其他表的字段
同样的,如果要筛选的字段不在当前表,需指定表名,比如数据是用[视图查询](http://www.kancloud.cn/manual/thinkphp5/156576)获得的。
~~~
// 使用ZBuilder构建数据表格
return ZBuilder::make('table')
->addFilter('admin_action.username,nickname') // 添加筛选
->fetch();
~~~
也可以用数组的方式写,格式为`'字段名' => '表名'`
~~~
// 使用ZBuilder构建数据表格
return ZBuilder::make('table')
->addFilter(['title' => 'admin_action', 'username']) // 添加筛选
->fetch();
~~~
或者
~~~
// 使用ZBuilder构建数据表格
return ZBuilder::make('table')
->addFilter(['admin_action.title', 'username']) // 添加筛选
->fetch();
~~~
如果设置的字段别名,也可以指定其他表,并且指定其他字段名,格式为:`字段别名 => '表名.字段名'`
~~~
// 使用ZBuilder构建数据表格
return ZBuilder::make('table')
->addFilter(['module_title' => 'admin_module.title']) // 添加筛选
->fetch();
~~~
其中`module_title`是字段别名。
>[info] 具体使用请参考系统的“日志管理”源码。
还有一种情况,比如某个字段只是代号,真正需要显示的数据在另外一张表或自己构造的数据。
比如系统的“配置管理”页面,假设列是这么定义的.
~~~
// 使用ZBuilder构建数据表格
return ZBuilder::make('table')
->addColumns([ // 批量添加数据列
['name', '名称', 'text.edit'],
['title', '标题', 'text.edit'],
['type', '类型'],
['status', '状态', 'switch'],
['sort', '排序', 'text.edit'],
['right_button', '操作', 'btn']
])
->fetch();
~~~
显示的出来的数据大致是这样的
![](https://box.kancloud.cn/a320babda1081de87d5ea6d207665f61_1279x476.png)
我们希望用中文来代替这些值,这里我们设置type类型为select(下拉编辑),并设置下拉选项数据config('form_item_type')
~~~
// 使用ZBuilder构建数据表格
return ZBuilder::make('table')
->addColumns([ // 批量添加数据列
['name', '名称', 'text.edit'],
['title', '标题', 'text.edit'],
['type', '类型', 'select', config('form_item_type')],
['status', '状态', 'switch'],
['sort', '排序', 'text.edit'],
['right_button', '操作', 'btn']
])
->fetch();
~~~
>[info] config('form_item_type')是一个一维数组,取出来的数据是这样的
~~~
array(
"text" => "单行文本"
"textarea" => "多行文本"
"static" => "静态文本"
"password" => "密码"
"checkbox" => "复选框"
"radio" => "单选按钮"
"date" => "日期"
"datetime" => "日期+时间"
"hidden" => "隐藏"
"switch" => "开关"
"array" => "数组"
"select" => "下拉框"
"linkage" => "普通联动下拉框"
"linkages" => "快速联动下拉框"
"image" => "单张图片"
"images" => "多张图片"
"file" => "单个文件"
"files" => "多个文件"
"ueditor" => "UEditor 编辑器"
"wangeditor" => "wangEditor 编辑器"
"editormd" => "markdown 编辑器"
"icon" => "字体图标"
"tags" => "标签"
"number" => "数字"
)
~~~
这样设置之后的最终结果是
![](https://box.kancloud.cn/1cd480e8a02db10e08e0c3feb66f6e42_1239x504.png)
我们对type字段添加筛选功能
~~~
// 使用ZBuilder构建数据表格
return ZBuilder::make('table')
->addColumns([ // 批量添加数据列
['name', '名称', 'text.edit'],
['title', '标题', 'text.edit'],
['type', '类型', 'select', config('form_item_type')],
['status', '状态', 'switch'],
['sort', '排序', 'text.edit'],
['right_button', '操作', 'btn']
])
->addFilter('type') // 添加标题字段筛选
->fetch();
~~~
点击筛选图标之后,会发现结果是这样
![](https://box.kancloud.cn/745d6699585ec1c956d328a4a989abfc_546x560.png)
因为数据表里面存储的就是这样的数据,如果我们希望这些数据也能转换显示,那该怎么办呢?
只要将对应的数据,也就是上面`config('form_item_type')`的一维数组放在第二个参数即可,系统会对应显示。
~~~
// 使用ZBuilder构建数据表格
return ZBuilder::make('table')
->addColumns([ // 批量添加数据列
['name', '名称', 'text.edit'],
['title', '标题', 'text.edit'],
['type', '类型', 'select', config('form_item_type')],
['status', '状态', 'switch'],
['sort', '排序', 'text.edit'],
['right_button', '操作', 'btn']
])
->addFilter('type', config('form_item_type')) // 添加标题字段筛选
->fetch();
~~~
最终显示结果
![](https://box.kancloud.cn/18a797f1cdfc7a8c5db9fac62313de2a_536x562.png)
>[danger]注意,这种写法只能一个一个写,下面的写法是错误的
~~~
->addFilter('type,title', config('form_item_type')) // 错误写法
~~~
### 默认选项
如果需要默认设置筛选,可以使用第三个参数。
~~~
// 使用ZBuilder构建数据表格
return ZBuilder::make('table')
->addColumns([ // 批量添加数据列
['name', '名称', 'text.edit'],
['title', '标题', 'text.edit'],
['type', '类型', 'select', config('form_item_type')],
['status', '状态', 'switch'],
['sort', '排序', 'text.edit'],
['right_button', '操作', 'btn']
])
->addFilter('name', [], ['name' => 'web_site_icp,web_site_keyword']) // 添加标题字段筛选
->fetch();
~~~
上面表示初始状态下,字段筛选默认点亮字段名为name的字段,并且选中值为web_site_icp和web_site_keyword的选项。
![](https://box.kancloud.cn/f5673a503bf2a3b28ef17a7cfd379d80_1094x599.png)
**也可以指定多个字段**
~~~
// 使用ZBuilder构建数据表格
return ZBuilder::make('table')
->addColumns([ // 批量添加数据列
['name', '名称', 'text.edit'],
['title', '标题', 'text.edit'],
['type', '类型', 'select', config('form_item_type')],
['status', '状态', 'switch'],
['sort', '排序', 'text.edit'],
['right_button', '操作', 'btn']
])
->addFilter('title', [], ['name' => 'web_site_icp,web_site_keyword', 'title' => ['备案信息']]) // 添加标题字段筛选
->fetch();
~~~
**指定当前表的其他字段名**
~~~
// 使用ZBuilder构建数据表格
return ZBuilder::make('table')
->addColumns([ // 批量添加数据列
['name', '名称', 'text.edit'],
['title', '标题', 'text.edit'],
['type', '类型', 'select', config('form_item_type')],
['status', '状态', 'switch'],
['sort', '排序', 'text.edit'],
['right_button', '操作', 'btn']
])
->addFilter('type', config('form_item_type'), ['title|title2' => ['备案信息']]) // 添加标题字段筛选
->fetch();
~~~
以上表示点亮字段为title的列,但是查询数据实际查询的不是title字段,而是title2字段。
**指定其他表的其他字段名**
~~~
// 使用ZBuilder构建数据表格
return ZBuilder::make('table')
->addColumns([ // 批量添加数据列
['name', '名称', 'text.edit'],
['title', '标题', 'text.edit'],
['type', '类型', 'select', config('form_item_type')],
['status', '状态', 'switch'],
['sort', '排序', 'text.edit'],
['right_button', '操作', 'btn']
])
->addFilter('type', config('form_item_type'), ['title|admin_article.title' => ['备案信息']]) // 添加标题字段筛选
->fetch();
~~~
以上表示点亮字段为title的列,但是查询数据实际查询的是admin_article表的title字段。
>[danger] 注意,设置**默认选项**只是页面上点亮指定的字段列,并选中指定的字段值,实际查询的时候,需要自己添加查询条件。比如默认选择name字段的web_site_icp和web_site_keyword,那么在查询时需将条件先设定好。
~~~
// 设置查询条件
$map = $this->getMap();
if (empty($map)) {
// 默认情况下,查询name字段的值为web_site_icp和web_site_keyword
$map['name'] = ['in', 'web_site_icp,web_site_keyword'];
}
// 查询数据
$data_list = ConfigModel::where($map)->paginate();
// 使用ZBuilder构建数据表格
return ZBuilder::make('table')
->addColumns([ // 批量添加数据列
['name', '名称', 'text.edit'],
['title', '标题', 'text.edit'],
['type', '类型', 'select', config('form_item_type')],
['status', '状态', 'switch'],
['sort', '排序', 'text.edit'],
['right_button', '操作', 'btn']
])
->addFilter('type', config('form_item_type'), ['name' => 'web_site_icp,web_site_keyword']) // 添加标题字段筛选
->fetch();
~~~
### 筛选方式
从1.0.4版本开始,字段筛选支持单选方式,只要添加第四个参数为“`radio`”即可
~~~
// 使用ZBuilder构建数据表格
return ZBuilder::make('table')
->addColumns([ // 批量添加数据列
['name', '名称', 'text.edit'],
['title', '标题', 'text.edit'],
['type', '类型', 'select', config('form_item_type')],
['status', '状态', 'switch'],
['sort', '排序', 'text.edit'],
['right_button', '操作', 'btn']
])
->addFilter('type', [], [], 'radio') // 添加标题字段筛选
->fetch();
~~~
## addFilterList('字段名', '需要显示的列表' [, '默认选项', '筛选方式'])
>[info] ## 此方法1.0.6版本开始支持。
用法和addFilter类似,第二个参数填写一个一维数组即可,数组的key为要查询的内容,value为显示的内容。
~~~
// 使用ZBuilder构建数据表格
return ZBuilder::make('table')
->addColumns([ // 批量添加数据列
['name', '名称', 'text.edit'],
['title', '标题', 'text.edit'],
['type', '类型', 'select', config('form_item_type')],
['status', '状态', 'switch'],
['sort', '排序', 'text.edit'],
['right_button', '操作', 'btn']
])
->addFilterList('status', ['关闭', '开启'])
->fetch();
~~~
![](https://box.kancloud.cn/467d33edb5e241f4bab81070b1b22783_554x549.png)
### 默认值
~~~
// 使用ZBuilder构建数据表格
return ZBuilder::make('table')
->addColumns([ // 批量添加数据列
['name', '名称', 'text.edit'],
['title', '标题', 'text.edit'],
['type', '类型', 'select', config('form_item_type')],
['status', '状态', 'switch'],
['sort', '排序', 'text.edit'],
['right_button', '操作', 'btn']
])
->addFilterList('status', ['关闭', '开启'], '0')
->fetch();
~~~
![](https://box.kancloud.cn/8f1a46c0159f2c73c35e1596e7231485_535x551.png)
如果多个默认值,可以使用逗号隔开,或者使用数组形式。
~~~
->addFilterList('status', ['关闭', '开启'], '0,1')
或者
->addFilterList('status', ['关闭', '开启'], [0,1])
~~~
### 筛选方式
默认为多选,可以改为单选。
~~~
// 使用ZBuilder构建数据表格
return ZBuilder::make('table')
->addColumns([ // 批量添加数据列
['name', '名称', 'text.edit'],
['title', '标题', 'text.edit'],
['type', '类型', 'select', config('form_item_type')],
['status', '状态', 'switch'],
['sort', '排序', 'text.edit'],
['right_button', '操作', 'btn']
])
->addFilterList('status', ['关闭', '开启'], '', 'radio')
->fetch();
~~~
![](https://box.kancloud.cn/72523d2aad76ba832bcae1838193ce5e_529x546.png)
- 序言
- 环境搭建
- 下载及安装
- 目录结构
- 快速构建器(ZBuilder)
- 表单(form)
- 设置页面标题
- 设置页提示信息
- 设置表单提交地址
- 隐藏按钮
- 添加按钮
- 设置按钮标题
- 添加表单项
- 复选
- 单选
- 日期
- 时间
- 开关
- 标签
- 数组
- 分组
- 范围
- 按钮
- 数字框
- 密码框
- 取色器
- 下拉菜单
- 普通联动
- 快速联动
- 拖拽排序
- 静态文本
- 格式文本
- 日期时间
- 日期范围
- 图片裁剪
- 百度地图
- 单文件上传
- 多文件上传
- 单图片上传
- 多图片上传
- 隐藏表单项
- 图标选择器
- 单行文本框
- 多行文本框
- 百度编辑器
- CKEditor编辑器
- wang编辑器
- markdown编辑器
- summernote编辑器
- 图片展示(1.1.0+)
- 单文件展示(1.1.0+)
- 多文件展示(1.1.0+)
- 下拉菜单Ajax(1.3.3+)
- 复杂表格(1.4.3+)
- 数据表格(1.4.3+)
- 分组下拉菜单(1.4.3+)
- 表格选取(1.4.3+)
- 穿梭框(1.4.3+)
- 添加表单项通用方法
- 直接设置表单项
- 表单布局
- 设置Tab按钮列表
- 设置表单数据
- 引入js文件
- 引入css文件
- 设置额外JS代码
- 设置额外CSS样式
- 设置额外HTML代码
- 是否ajax方式提交
- 设置模版路径
- 设置触发器
- 设置表单提交确认框
- 自定义表单项(1.0.6+)
- 设置表单提交方式(1.0.6+)
- 模板变量赋值(1.0.7+)
- 设置页面空表单项提示(1.0.7+)
- 自定义扩展表单图标(1.2.0+)
- 设置表单令牌(1.3.1+)
- 新窗口打开返回的url(1.4.4+)
- 表格(table)
- 设置页面标题
- 设置页面提示信息
- 添加一列
- 字段类型
- switch
- status
- yesno
- text.edit
- textarea.edit
- password
- url
- tel
- number
- icon
- byte
- date
- time
- datetime
- date.edit
- time.edit
- datetime.edit
- picture
- pictures
- select
- callback
- link
- text
- img_url
- files(1.1.1+)
- popover(1.4.4+)
- 添加多列
- 添加数量索引
- 添加快捷编辑的验证器
- 设置表格数据
- 隐藏第一列多选框
- 添加表头排序
- 添加表头筛选
- 添加表头筛选条件
- 添加时间段筛选
- 添加一个右侧按钮
- 添加多个右侧按钮
- 添加一个顶部按钮
- 添加多个顶部按钮
- 自动添加按钮
- 自动编辑按钮
- 替换右侧按钮
- 设置搜索参数
- 设置数据库表名
- 设置插件名称
- 设置表格主键
- 设置Tab按钮列表
- 设置分页
- 去除分页
- 引入js文件
- 引入css文件
- 设置额外JS代码
- 设置额外CSS样式
- 设置额外HTML代码
- 设置额外HTML代码-模板文件(1.4.0+)
- 设置模版路径
- 添加行class名
- 添加顶部下拉筛选
- 设置页面空数据提示(1.0.7+)
- 模板变量赋值(1.0.7+)
- 设置使用原始数据字段(1.0.8+)
- 设置搜索区域(1.1.0+)
- 设置表格高度(1.3.0+)
- 固定左列(1.3.0+)
- 固定右列(1.3.0+)
- 设置列宽(1.3.0+)
- 设置隐藏列(1.3.0+)
- 侧栏(aside)
- 添加区块
- 设置Tab按钮列表
- 追加Tab按钮列表
- 设置当前tab
- 设置单个tab内容
- 设置多个tab内容
- 追加tab内容
- 覆盖侧栏
- 模块开发
- 创建模块信息文件
- 安装模块
- 模块配置
- 控制器
- 创建菜单节点
- 第一个控制器
- 模块参数配置页面
- 方法参考
- 数据授权(1.3.2+)
- 插件开发
- 插件入口文件
- 插件基本信息
- 管理界面的字段信息
- 新增或编辑的字段信息
- 插件钩子
- 触发器
- 原数据库表前缀
- 插件配置信息
- 安装和卸载Sql文件
- 控制器
- 模型
- 验证器
- 视图
- 方法参考
- 实践教程
- 变量参考
- 函数参考
- 安全相关
- 常见问题
- 其他杂项
- 更新日志
- 升级指导
- 贡献名单
- 关于文档