Algolia Instantsearch - 結果が表示された後にコールバックを追加しますか？

Question

私は、ユーザーがアートワークを検索して独自のポートフォリオを構築できるアプリケーションを用意しています。私は、アルゴリア検索で返された作品の一部がユーザーのポートフォリオに含まれているかどうかを示したいと思いますが、結果がユーザーに表示されるとコールバックを行う方法は見つけられないようです。

検索結果にコールバックを追加することは可能ですか？

Answer 1

結果を表示するのにinstantsearch.js libraryを使用するとします。

次に、あなたが望むものを達成する方法には2つの方法があります。

1）hits widget

のtransformDataパラメータを使用したパラメータは、コールバックを受け取り、そこに結果を渡します。したがって、結果が表示される前に変更することができます。レコードが強調表示される必要がある場合は、新しいパラメータを追加できます。

例：

search.addWidget({ 
    render: function(data) { 
    console.log(data); 
    } 
}); 

：

search.addWidget(
    instantsearch.widgets.hits({ 
    container: '#hits-container', 
    templates: { 
     item: itemTemplate 
    }, 
    transformData: { 
     allItems: function (results) { 
     console.log(results); 

     // Modify results 

     return results; 
     } 
    } 
    }) 
); 

2）フックするcustom widgetを使用してレンダリングするコールバック

あなたが唯一のrenderオプションを指定して単純なカスタムウィジェットを書くことができますdataのパラメータには、検索に関するすべての情報が表示されます最後の状態と最新の結果が表示されます。

どちらのあなたは小さなjsFiddleでライブ見ることができますアプローチ：https://jsfiddle.net/JanPetr/g54hzrzp/