search only filter

Answered
brian mulh asked on July 17, 2024

Is it possible to only have search filter and not the pre-populated checkbox list?  I attached a screenshot of an example where I'd like to not create the red box of pre-populated values and only allow a user to enter a value to search by.

 

Thanks!

Brian

5 answers

Public
Maksym Diachenko Maksym Diachenko Flexmonster July 18, 2024

Hi,  Brian!

Thank you for your message.

Currently, the search function is tied to the members list highlighted in the red box. The search filters through the members and shows those that match the input in the list. This means it is not possible to remove the pre-populated checkbox list and have a search-only input under the current implementation.

However, you can implement a custom filter view to achieve the desired functionality. This custom view would allow users to input a value to search for without displaying the pre-populated list. Please check the following example: https://jsfiddle.net/flexmonster/yvbwjktp/
While it does not showcase the desired implementation with search-based filtering, it also shows the approach for overriding the default filter. Here is a brief description of the key steps in a custom filter implementation:

  1. Add the filter component to the page's HTML and position it over the table. Use the display: none style to make the filter initially hidden. Also, disable the default filter view via CSS.
  2. Use the filteropen event to track when a user opens a filter, change the visibility of your custom filter pop-up. Use the getMembers method to retrieve the field members required to populate the filter.
  3. Implement all the required handlers, including selecting a member, closing, and applying the filters. To apply filters, use Flexmonster's setFilter API call.

Please let us know if this approach works for you or if you need any assistance with implementing a custom filter view.

Best Regards,
Maksym

Public
Maksym Diachenko Maksym Diachenko Flexmonster August 13, 2024

Hello, Brian!

Hope you are doing well.
We would like to know if you considered implementing a custom filter to make it only based on search.
Please let us know if this solution is viable for you.

Best Regards,
Maksym

Public
Maksym Diachenko Maksym Diachenko Flexmonster September 3, 2024

Hello, Brian!

Just checking in to ask if you have tried implementing the search-based filter for Flexmonster.
We are looking forward to hearing about any results.

Best Regards,
Maksym

Public
brian mulh September 3, 2024

Maksym,

 

Yes this worked, thank you for the suggestion!

Public
Maksym Diachenko Maksym Diachenko Flexmonster September 4, 2024

Hello, Brian!

Thank you for your reply.
We are glad to hear that the proposed solution works for you.
Feel free to contact us if any other questions arise.

Best Regards,
Maksym

Please login or Register to Submit Answer