单击按钮时如何使用Instantsearch.js触发搜索

Question

我将Algolia Instantsearch.js与一个非常简单的搜索框和一个类似http://codepen.io/anon/pen/aNXLBV的搜索按钮一起使用

我已经使用options.searchOnEnterKeyPressOnly更改了搜索框的行为，当有人单击“ Search按钮时，我也希望触发Search 。

我确定这是RTFM的问题，但是我在Algolia通用JS文档中都找不到任何东西，在某些方面它们看起来像是两个不同的野兽。

那么如何在Enter或单击Search按钮上都触发Search ？

Answer 1

假设您有一个ID search-button和一个ID search-box

如果您正在使用jQuery，请这样做。

var search = instantsearch({
    appId: algoliaCredential.appId,
    apiKey: algoliaCredential.searcKey,
    indexName: 'INDEXNAME'
});

search.start();

$('#search-button').on('click', function(){
    var query = $('#search-box').val().trim();
    search.helper.setQuery(query).search(); //Set the query and search
})

我有类似的问题，我做到了。 希望这会起作用。

Answer 2

您只需绑定按钮单击/提交并调用：

// search = instantsearch(); ...
search.helper.search();

确实，这不是琐碎的/没有记录的事情，并且仅当您知道Instantsearch.js时就很难知道。

我们将尝试使其更容易。