规格选择器

Since v1.7.6

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

WX20190829-114416

基本使用

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

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

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

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

自定义查询

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

  1. $selector->select('price', '价格', ['0-999', '1000-1999', '2000-2999'], function ($query, $value) {
  2.     $between = [
  3.         [0, 999],
  4.         [1000, 1999],
  5.         [2000, 2999],
  6.     ];
  8.     $query->whereBetween('price', $between[$value]);
  9. });

如上所示，传入一个匿名函数作为第四个参数，价格字段price选择之后，将会使用匿名函数中的逻辑进行数据查询，这样你可以定义任意的查询方式。

select和selectOne方法的第二个参数为选择器label, 可以省略，如果省略的话将会自动使用字段名.