## setSearch('字段名' [, '提示', '提交地址', '提交按钮文字'])
| 版本 | 新增功能 |
| --- | --- |
| 1.0.7 | 表格搜素框添加搜索按钮,可配置显示不显示 |
默认情况下,数据表格是没有搜索功能的,如果需要搜索功能,可以设置搜索参数。
格式为:`['字段名' => '字段提示']`
~~~
// 使用ZBuilder快速创建数据表格
return ZBuilder::make('table')
->setSearch(['id' => 'ID', 'username' => '用户名', 'email' => '邮箱']) // 设置搜索参数
->fetch(); // 渲染页面
~~~
数据表格右上角会出现搜索框
![](https://box.kancloud.cn/f1fd93732b0b7daf187dd2df71aa0ea2_322x208.png)
搜索功能要配合`$this->getMap();`方法,比如
~~~
// 获取筛选
$map = $this->getMap();
// 读取用户数据
$data_list = Db::name('admin_user')->where($map)->order($order)->select();
// 使用ZBuilder构建数据表格
return ZBuilder::make('table')
->setSearch(['id' => 'ID', 'username' => '用户名', 'email' => '邮箱']) // 设置搜索参数
->addColumn('id', 'ID')
->addColumn('username', '用户名')
->addColumn('nickname', '昵称')
->addColumn('email', '邮箱')
->addColumn('mobile', '手机号')
->addColumn('create_time', '创建时间')
->setRowList($data_list) // 设置表格数据
->fetch();
~~~
>[info] 此处的搜索是模糊搜索
### 字段名
如果数据是从视图查询得到的,也就是要搜索的字段在其他表,则必须写明表名。
~~~
->setSearch(['id' => 'ID', 'admin_user.username' => '用户名', 'email' => '邮箱']) // 设置搜索参数
~~~
以上表示用户名字段在`admin_user`表。
>[info]### 从1.0.3版本开始,支持字符串参数
比如建立以下表格
~~~
// 使用ZBuilder构建数据表格
return ZBuilder::make('table')
->setSearch(['id' => 'ID', 'username' => '用户名', 'email' => '邮箱']) // 设置搜索参数
->addColumn('id', 'ID')
->addColumn('username', '用户名')
->addColumn('nickname', '昵称')
->addColumn('email', '邮箱')
->addColumn('mobile', '手机号')
->addColumn('create_time', '创建时间')
->setRowList($data_list) // 设置表格数据
->fetch();
~~~
我们可以看到,setSearch方法内的参数不仅要写字段名,还要写字段提示,这样比较繁琐。如果你要搜索的字段已经用addColumn或者addColumns方法定义过,那么可以这么改。
~~~
// 使用ZBuilder构建数据表格
return ZBuilder::make('table')
->setSearch('id,username,email') // 直接写字段名
->addColumn('id', 'ID')
->addColumn('username', '用户名')
->addColumn('nickname', '昵称')
->addColumn('email', '邮箱')
->addColumn('mobile', '手机号')
->addColumn('create_time', '创建时间')
->setRowList($data_list) // 设置表格数据
->fetch();
~~~
也支持带表名的字段,比如数据是用Db::view()方法查询的情况。
~~~
// 使用ZBuilder构建数据表格
return ZBuilder::make('table')
->setSearch('admin_user.username,admin_user.email') // 支持带表名
->addColumn('id', 'ID')
->addColumn('username', '用户名')
->addColumn('nickname', '昵称')
->addColumn('email', '邮箱')
->addColumn('mobile', '手机号')
->addColumn('create_time', '创建时间')
->setRowList($data_list) // 设置表格数据
->fetch();
~~~
如果你想重命名某个搜索字段名,可以原来的数组方式。
~~~
// 使用ZBuilder构建数据表格
return ZBuilder::make('table')
->setSearch(['id', 'username', 'email' => '邮箱地址']) // 重命名email字段的提示
->addColumn('id', 'ID')
->addColumn('username', '用户名')
->addColumn('nickname', '昵称')
->addColumn('email', '邮箱')
->addColumn('mobile', '手机号')
->addColumn('create_time', '创建时间')
->setRowList($data_list) // 设置表格数据
->fetch();
~~~
### 提示
也可以自定义提示
~~~
// 使用ZBuilder快速创建数据表格
return ZBuilder::make('table')
->setSearch(['id' => 'ID', 'username' => '用户名', 'email' => '邮箱'], '请输入关键字') // 设置搜索参数
->fetch(); // 渲染页面
~~~
### 提交地址
默认的搜索提交地址是当前url,如果有需要,可以另外指定。
~~~
// 使用ZBuilder快速创建数据表格
return ZBuilder::make('table')
->setSearch(['id' => 'ID', 'username' => '用户名', 'email' => '邮箱'], '请输入关键字', url('index')) // 设置搜索参数
->fetch(); // 渲染页面
~~~
### 提交按钮文字
>[info] 从1.0.7版本开始,可设置搜索框的提交按钮,默认为不显示按钮,如果需要显示按钮,可以设置为`true`或者具体的提示文字。
~~~
// 使用ZBuilder快速创建数据表格
return ZBuilder::make('table')
->setSearch(['id' => 'ID', 'username' => '用户名', 'email' => '邮箱'], '', '', true) // 设置搜索参数
->fetch(); // 渲染页面
~~~
![](https://box.kancloud.cn/471eaaba3b3c559b6e668a73b1fae2a7_340x190.png)
设置为true,则按钮的默认文字为“搜索”,如果需要修改文字,可以直接设置文字。
~~~
// 使用ZBuilder快速创建数据表格
return ZBuilder::make('table')
->setSearch(['id' => 'ID', 'username' => '用户名', 'email' => '邮箱'], '', '', '立即搜索') // 设置搜索参数
->fetch(); // 渲染页面
~~~
![](https://box.kancloud.cn/8bc12d1649abe913bcf51ac23cf6cc48_347x253.png)
除此之外,如果需要将所有页面的搜索框一次性配置上按钮,可修改文件:
~~~
\application\extra\zbuilder.php
~~~
中的`search_button`参数,false表示不显示按钮。
>[danger] 注意:配置文件的优先级低于setSearch()方法
- 序言
- 环境搭建
- 下载及安装
- 目录结构
- 快速构建器(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文件
- 控制器
- 模型
- 验证器
- 视图
- 方法参考
- 实践教程
- 变量参考
- 函数参考
- 安全相关
- 常见问题
- 其他杂项
- 更新日志
- 升级指导
- 贡献名单
- 关于文档