T-DOC
  • Laravel-11
  • Laravel-10
  • Laravel-6X
  • Laravel-5.5
Dcat-Admin
  • Yii2
  • 重构2
  • Laravel-11
  • Laravel-10
  • Laravel-6X
  • Laravel-5.5
Dcat-Admin
  • Yii2
  • 重构2
  • 入门

    • 简介
    • 安装
    • 1.x升级指南
    • 版本升级
    • 快速开始
    • 开发前必读
    • 主题与颜色
    • 静态资源
    • 视图与自定义页面
    • 多应用 (多后台)
    • JS组件
    • 常见问题
    • Laravel Octane
  • 数据表格

    • 基本使用
    • 列的使用和扩展
    • 列的显示和扩展
    • 行的使用和扩展
    • 工具栏
    • 树状表格
    • 组合表头
    • 数据来源以及查询条件
    • 关联关系
    • 查询过滤
    • 列过滤器
    • 快捷搜索
    • 规格筛选器
    • 数据导出
    • 快捷创建
    • 行内编辑
    • 事件
    • 字段翻译
    • 数据软删除
    • 头部和脚部
    • 异步渲染
  • 数据表单

    • 基本使用
    • 图片/文件上传
    • 字段的使用
    • 字段扩展
    • 数据源
    • 表单弹窗
    • 关联关系
    • JSON表单
    • 分步表单
    • 表单验证
    • 工具表单
    • 事件以及表单响应
    • 初始化
    • 表单布局
    • 字段翻译
    • 字段动态显示
  • 数据详情

    • 基本使用
    • 字段显示
    • 关联关系
    • 字段显示扩展
    • 初始化
    • 字段翻译
  • 模型树

    • 基本使用
  • 数据仓库

    • 基本使用
  • 动作

    • 基本使用
    • 数据表格
    • 数据表单
    • 数据详情
    • 模型树
  • 多语言

    • 基本使用
  • 开发扩展

    • 扩展基本使用
    • 开发扩展
  • 页面组件

    • 异步加载
    • 图表
    • 数据统计卡片
    • 模态窗 (Modal)
    • 工具表单
    • 下拉菜单
    • 单/复选框
    • 选项卡
    • 警告框
    • 提示窗
    • Markdown
    • 卡片
  • 区块 (section)

    • 区块基本使用
  • 动作以及表单响应

    • 动作以及表单响应
  • 权限控制

    • 权限控制
  • 菜单

    • 菜单基本使用
  • 帮助函数

    • 帮助函数
  • 开发工具

    • 基本使用
  • 自定义登陆认证

    • 自定义登录
  • 自定义头部导航

    • 自定义头部导航条
  • 更新日志

    • BETA版本更新日志
    • 更新日志

规格筛选器

Dcat Admin 中文文档 /

表格规格筛选器

这个功能用来构建类似淘宝或京东商品的规格选择。

基本使用

select和selectOne方法的第二个参数为选择器label, 可以省略,如果省略的话将会自动使用翻译文件的翻译.

如下代码所示,假设brand字段的4个取值分别对应4个品牌,下面的方式会构建出brand的规格选择器

use Dcat\Admin\Grid;

$grid->selector(function (Grid\Tools\Selector $selector) {
    $selector->select('brand', '品牌', [
        1 => '华为',
        2 => '小米',
        3 => 'OPPO',
        4 => 'vivo',
    ]);
});

select方法默认是多选的,在页面上点击每一个选项的右边的加号,这个字段的查询会增加一个查询选项,如果字段筛选只允许选择一项,使用selectOne方法

$selector->selectOne('brand', '品牌', [
    1 => '华为',
    2 => '小米',
    3 => 'OPPO',
    4 => 'vivo',
]);

关联关系字段查询

如果安装了 dcat/laravel-wherehasin,则会优先使用whereHasIn方法进行查询操作

use Dcat\Admin\Grid;

$grid->selector(function (Grid\Tools\Selector $selector) {
    $selector->select('brand.id', '品牌', [
        1 => '华为',
        2 => '小米',
        3 => 'OPPO',
        4 => 'vivo',
    ]);
});

自定义查询

上面的方式会使用在选择器上选定的值,作为查询条件进行查询,但是有些情况需要更灵活的控制查询方式,那么可以使用下面的方式自定义查询:

$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选择之后,将会使用匿名函数中的逻辑进行数据查询,这样你可以定义任意的查询方式。

Last Updated:
Contributors: Hans
Prev
快捷搜索
Next
数据导出