Sign in Register
Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Alex Brown 129 posts 620 karma points
    May 04, 2017 @ 09:37
    Alex Brown
    0

    Best Libraries for Faceted Search

    Hello!

    I'm looking to implement a faceted search on a site, using Umbraco 7.5.

    I've created an index using Examine which will be searched upon users selecting checkbox filters on the front-end with Ajax.

    However, I'm wondering what libraries are best to use to create a multiple-checkbox/faceted search.

    When selecting a checkbox, I need the url to change (therefore the page with the currently selected filters can be shared to others, with those pre-selected filters enabled).

    I took a look at Vue JS, however I'm unsure whether it's achievable.

    If anyone knows of any Javascript libraries I can use which modify the url and use Ajax to call a server, then please let me know!

    Copy Link
  • Alex Skrypnyk 6182 posts 24283 karma points MVP 8x admin c-trib
    May 08, 2017 @ 09:45
    Alex Skrypnyk
    100

    Hi Alex

    My first thought is Angular, it has some modules for facet search, something like that: http://www.elasticui.com/

    Thanks,

    Alex

    Copy Link
  • Alex Brown 129 posts 620 karma points
    May 08, 2017 @ 10:02
    Alex Brown
    1

    Hi Alex

    Thanks I actually spotted this about an hour ago, coincidence! Do you know if Angular allows you to modify the URL without changing views? As I want to be able to see what filters are selected by looking at the URL.

    Thanks

    Copy Link
  • Alex Skrypnyk 6182 posts 24283 karma points MVP 8x admin c-trib
    May 08, 2017 @ 10:23
    Alex Skrypnyk
    0

    As I know there is some hack, like described here - http://stackoverflow.com/questions/18337093/updating-url-in-angular-js-without-re-rendering-view

    But it's not perfect way to do it (

    I don't know about angular2, what is situation there.

    Copy Link
  • Alex Brown 129 posts 620 karma points
    May 10, 2017 @ 12:49
    Alex Brown
    1

    I've ended up using Angular, and calling the server with Ajax to return JSON via Examine :)

    I've just manipulated the URL using $location's methods, and search depending on the parameters in the URL.

    Copy Link
  • Alex Skrypnyk 6182 posts 24283 karma points MVP 8x admin c-trib
    May 10, 2017 @ 14:09
    Alex Skrypnyk
    0

    Great solution, Alex

    Thanks for sharing and have a nice day

    Alex

    Copy Link
  • Nicholas Westby 2054 posts 7104 karma points c-trib
    May 10, 2017 @ 16:08
    Nicholas Westby
    0

    The above approach is basically what we do here: https://www.allcarehealth.com/public-employees-2017/lookup-tools/find-a-doctor

    We're using AngularJS (i.e., 1.x) to manipulate the URL and to send requests to the server using AJAX. We aren't using any special AngularJS libraries; just AngularJS itself.

    Copy Link

  • This forum is in read-only mode while we transition to the new forum.

    You can continue this topic on the new forum by tapping the "Continue discussion" link below.

Please Sign in or register to post replies