Question

上下文：我正在尝试将多重索引绑定到仅一个搜索框

我有一个索引数组，我想编辑第一个索引。{p> 1

searchFunction

基本上不起作用：（

有什么想法吗？

Answer 1

您显然没有选择：searchFunction选项必须在初始化时传递。

这是一个可行的示例（对不起，代码有点混乱）：

const searchClient = algoliasearch('1KCCSVLJHD', '0fb99058412c4776c60725c0fe9b2d7d');

const indexes = ["test", "test2"].map((name, idx) => {
  const searchFunction = idx !== 0 ? null : (helper) => {
    indexes.forEach((algoliaIndex, index) => {
      if (index === 0) {
        return;
      }

      algoliaIndex.helper.setQuery(helper.state.query).search()
    });

    helper.search();
  };

  return instantsearch({
    indexName: name,
    searchFunction,
    searchClient
  })
});


indexes[0].addWidget(instantsearch.widgets.searchBox({
  container: '.search-box'
}));
indexes[0].addWidget(instantsearch.widgets.hits({
  container: '.hits-1'
}));
indexes[1].addWidget(instantsearch.widgets.hits({
  container: '.hits-2'
}));


for (var i = indexes.length - 1; i >= 0; i--) {
  indexes[i].start();
}

<script src="https://cdn.jsdelivr.net/npm/algoliasearch@3.32.1/dist/algoliasearchLite.js"></script>
<script src="https://cdn.jsdelivr.net/npm/instantsearch.js@3.2.0"></script>
<div class="search-box"></div>

<h1>First index</h1>
<div class="hits-1"></div>

<h1>Second index</h1>
<div class="hits-2"></div>

基本上，这就是您要执行的操作，但是searchFunction仅针对第一个（主）索引直接传递给instantsearch初始化函数。

请注意，由于在即时搜索实例上调用start会立即调用search，因此也会调用searchFunction，因此您必须最后启动主实例，以使helper存在其他情况。

动态更改searchFunction

1 个答案: