乌鸦嘴文档 乌鸦嘴文档
乌鸦嘴社区 (opens new window)
乌鸦嘴社区 (opens new window)
  • 入门

  • 数据列表

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

    • 数据详情

    • 模型树

    • 数据仓库

    • 动作

    • 多语言

    • 开发扩展

    • 页面组件

    • 区块

    • 动作以及表单相应

    • 权限控制

    • 菜单

    • 帮助函数

    • 开发工具

    • 自定义登陆

    • 自定义头部导航

    • 更新日志

    目录

    表格规格筛选器

    # 表格规格筛选器

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

    # 基本使用

    提示

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

    表格快捷搜索
    数据导出

    ← 表格快捷搜索 数据导出→

    Theme by Vdoing | Copyright © 2020-2022 wyz.xyz 宁ICP备15001739号-5
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式
    ×