目录
▸
入门
简介
安装
1.x升级指南
版本升级
快速开始
开发前必读
主题与颜色
静态资源
视图与自定义页面
多应用(多后台)
JS组件
常见问题
Laravel Octane
▸
数据表格
基本使用
列的使用和扩展
列的显示和扩展
行的使用和扩展
工具栏
树状表格
组合表头
数据来源以及查询条件
关联关系
查询过滤
列过滤器
快捷搜索
规格筛选器
数据导出
快捷创建
行内编辑
事件
字段翻译
数据软删除
头部和脚部
表格异步渲染
▸
数据表单
基本使用
图片/文件上传
字段的使用
字段扩展
数据源
表单弹窗
关联关系
JSON表单
分步表单
表单验证
工具表单
事件以及表单响应
初始化
表单布局
字段翻译
字段动态显示
▸
数据详情
基本使用
字段显示
关联关系
字段显示扩展
初始化
字段翻译
▸
模型树
基本使用
▸
数据仓库
基本使用
▸
动作
基本使用
数据表格
数据表单
数据详情
模型树
▸
多语言
基本使用
▸
开发扩展
扩展基本使用
开发扩展
▸
页面组件
异步加载
图表
数据统计卡片
模态窗(Modal)
工具表单
下拉菜单
单/复选框
选项卡
警告框
提示窗
Markdown
卡片
▸
区块
区块基本使用
▸
动作以及表单响应
动作以及表单响应
▸
权限控制
权限控制
▸
菜单
菜单基本使用
▸
帮助函数
帮助函数
▸
开发工具
基本使用
▸
自定义登陆认证
自定义登录
▸
自定义头部导航
自定义头部导航条
▸
更新日志
BETA版本更新日志
更新日志
内容导航
1.x
2.x
规格筛选器
创建时间:2024-06-26 10:56:40 / 更新时间:2024-06-26 10:56:40
# 表格规格筛选器 这个功能用来构建类似淘宝或京东商品的规格选择。 ![](http://docs.oneself.icu:10010/storage/markdown/images/49709ad58cb1b49984b25b3d066e4b14667b8365101f0.png) ### 基本使用 > `select`和`selectOne`方法的第二个参数为选择器`label`, 可以省略,如果省略的话将会自动使用翻译文件的翻译. 如下代码所示,假设`brand`字段的4个取值分别对应4个品牌,下面的方式会构建出`brand`的规格选择器 ```php use Dcat\Admin\Grid; $grid->selector(function (Grid\Tools\Selector $selector) { $selector->select('brand', '品牌', [ 1 => '华为', 2 => '小米', 3 => 'OPPO', 4 => 'vivo', ]); }); ``` `select`方法默认是多选的,在页面上点击每一个选项的右边的加号,这个字段的查询会增加一个查询选项,如果字段筛选只允许选择一项,使用`selectOne`方法 ```php $selector->selectOne('brand', '品牌', [ 1 => '华为', 2 => '小米', 3 => 'OPPO', 4 => 'vivo', ]); ``` ### 关联关系字段查询 如果安装了 [dcat/laravel-wherehasin](https://github.com/jqhph/laravel-wherehasin),则会优先使用`whereHasIn`方法进行查询操作 ```php use Dcat\Admin\Grid; $grid->selector(function (Grid\Tools\Selector $selector) { $selector->select('brand.id', '品牌', [ 1 => '华为', 2 => '小米', 3 => 'OPPO', 4 => 'vivo', ]); }); ``` ### 自定义查询 上面的方式会使用在选择器上选定的值,作为查询条件进行查询,但是有些情况需要更灵活的控制查询方式,那么可以使用下面的方式自定义查询: ```php $selector->select('price', '价格', ['0-999', '1000-1999', '2000-2999'], function ($query, $value) { $between = [ [0, 999], [1000, 1999], [2000, 2999], ]; $value = current($value); $query->whereBetween('price', $between[$value]); }); ``` 如上所示,传入一个匿名函数作为第四个参数,价格字段price选择之后,将会使用匿名函数中的逻辑进行数据查询,这样你可以定义任意的查询方式。
上一文章
下一文章
返回顶部
返回主页
返回文档展示页