## 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();
~~~

點擊字段篩選,彈出對話框,可以選擇要顯示的數據,也可以動態搜索。

>[danger]注意,點擊篩選后,會默認在當前表查詢結果,如果當前表沒有數據,則查詢結果為空。
### 使用數組方式
除了可以以字符串的形式填寫要篩選的字段外,還可以用數組的形式。
~~~
// 使用ZBuilder構建數據表格
return ZBuilder::make('table')
->addFilter(['id','username']) // 添加篩選
->fetch();
~~~
### 指定其他表的字段
同樣的,如果要篩選的字段不在當前表,需指定表名,比如數據是用[視圖查詢](http://www.hmoore.net/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();
~~~
顯示的出來的數據大致是這樣的

我們希望用中文來代替這些值,這里我們設置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" => "數字"
)
~~~
這樣設置之后的最終結果是

我們對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();
~~~
點擊篩選圖標之后,會發現結果是這樣

因為數據表里面存儲的就是這樣的數據,如果我們希望這些數據也能轉換顯示,那該怎么辦呢?
只要將對應的數據,也就是上面`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();
~~~
最終顯示結果

>[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的選項。

**也可以指定多個字段**
~~~
// 使用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();
~~~

### 默認值
~~~
// 使用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();
~~~

如果多個默認值,可以使用逗號隔開,或者使用數組形式。
~~~
->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();
~~~

- 序言
- 環境搭建
- 下載及安裝
- 目錄結構
- 快速構建器(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文件
- 控制器
- 模型
- 驗證器
- 視圖
- 方法參考
- 實踐教程
- 變量參考
- 函數參考
- 安全相關
- 常見問題
- 其他雜項
- 更新日志
- 升級指導
- 貢獻名單
- 關于文檔