javascript - Algolia 动态方面选项

Question

问题如下。我们使用 algolia 即时搜索。每个产品都有卖家。当前用户订阅了一些卖家。用户应该可以通过订阅的卖家和没有订阅的卖家来过滤产品。为此，我尝试使用小部件切换。在这里我为当前用户设置了以逗号分隔的订阅卖家列表作为打开和关闭选项

values: {
  on: '37,41,67',
  off: '45,56',
},

但只有当我只指定一个卖家时它才有效。并满足默认选项关闭。我尝试使用 numericRefinementList 小部件

options: [
  { label: 'On', value: '37,41,67' },
  { label: 'Off', value: '45,56' },
],

但是还是不行有人可以提出解决方案吗？

Answer 1

这不是默认小部件涵盖的行为。但是，您可以制作可以打开过滤器列表的自定义小部件。让我举个例子:

const sellerList = [];
// this uses jQuery
const toggleButton = $('div.toggleSellers');
const search = instantsearch(/* parameters and credentials */);
search.addWidget({
  getConfiguration: function() {
    return {disjunctiveFacets: ['seller']};
  },
  init: function(options) {
    const helper = options.helper;  
    // Here you have to bind the event that will toggle seller
    // For example using the `toggleButton` and a click event
    toggleButton.on('click', function() {
      sellerList.forEach(function(seller) {
        helper.toggleRefinement('seller', seller);
      });
    });
  },
});

“卖家” 是您的记录中包含卖家的属性名称。它应该在您的 Algolia 仪表板中配置为一个方面。

sellerList 是索引中 “seller” 属性中使用的卖家标识符列表。

此自定义小部件正在使用 jsHelper它让您指定搜索的参数。您还可以在文档中找到有关 the custom widgets 的更多信息.