如何使用numericRefinementList設置允許的距離？

Question

我想能夠使用numericRefinementList，以允許用戶選擇從自身做起距離的項目，可以嗎？如果可用，這將使用IP地理位置功能或從瀏覽器輸入地理位置。

• 低於50km
• 50 - 100公里
• 100 - 150公里
• 超過150公里

https://community.algolia.com/instantsearch.js/documentation/#numericrefinementlist

Answer 1

這是不幸的是沒有東西可以與numericRefinementList做的，但您可以建立一個自定義小部件，根據lin設置aroundRadius K優曾經點擊：

function radiusList(options) { 
    if (!options.container) { 
    throw new Error('radiusList: usage: radiusList({container, ...})'); 
    } 
    var $container = $(options.container); 
    if ($container.length === 0) { 
    throw new Error('radiusList: cannot select \'' + options.container + '\''); 
    } 

    return { 
    init: function(args) { 
     // event delegation: set the aroundRadius of the underlying link 
     $(document).on('click', '.radius-link', function(e) { 
     e.preventDefault(); 
     args.helper.setQueryParameter('aroundRadius', +$(this).data('radius')); 
     args.helper.search(); 
     }); 
    }, 

    render: function(args) { 
     // FIXME: display the list of radius links 
     var html = '<ul>'; 
     html += '<li><a href="#" data-radius="100000" class="radius-link">&lt; 100km</a></li>'; 
     html += '</ul>'; 
     $container.html(html); 
    } 
    }; 
} 

然後你使用它：

search.addWidget(radiusList({container: '#my-radius-list'}));