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!

  • Alex Skrypnyk 6175 posts 24186 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

  • 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

  • Alex Skrypnyk 6175 posts 24186 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.

  • 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.

  • Alex Skrypnyk 6175 posts 24186 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

  • Nicholas Westby 2054 posts 7103 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.

Please Sign in or register to post replies

Write your reply to:

Draft