切换筛选

切换筛选是一个组件，允许您指定一个可以打开和关闭的过滤器。它通常用于布尔值，例如“免费送货”或“有货”。

设置

以下文档已在 Elasticsearch 中索引

{
  "brand": "Apple",
  "product": "Macbook Pro 14",
  "in_stock": true,
  "shipping": 10 
}

Searchkit 设置

在 facet_attributes 中

{
  facet_attributes: [
    { 
      attribute: 'brand', 
      field: 'brand.keyword',  // field must be a keyword type field
      type: 'string' 
    },
    { 
      attribute: 'in_stock', 
      field: 'in_stock', 
      type: 'string' 
    },
    { 
      attribute: 'shipping', 
      field: 'shipping', 
      type: 'numeric' 
    }
  ]
}

用法

以下是用 React InstantSearch 显示类别列表的筛选列表示例。

 
import { ToggleRefinement } from 'react-instantsearch';
 
const App = () => (
  <h3>Only Apple Products</h3>
  <ToggleRefinement attribute="brand" on="Apple" />
  <h3>Free Shipping</h3>
  <ToggleRefinement attribute="shipping" on={0} />
  <h3>In Stock</h3>
  <ToggleRefinement attribute="in_stock" on={true} />  
);

文档

菜单选择当前筛选