Our powerful JS Calendar component


Post by Craig5117 »

I am working with the Calendar on a project. I am trying to customize the eventFilter in the sidebar and I am wondering if it is possible to use a dropdown select instead of a text input. If so, how do I implement that in the configuration.

Ideally, I would like to be able to filter by two different fields, "appointmentType" or "appointmentStatus". Can I customize this filter in such a way that I could toggle between filtering those two fields? Or would I need two separate filters for that?


Post by Animal »

Not sure what you mean by using a dropdown.

The event filter filters events on their names using the text you type. What would drop down?

To filter by other fields in an event would be easy.

See the example at https://www.bryntum.com/examples/calendar/filtering/

It's just a text field with an onChange listener which calls the documented filtering API when the typed text changes.

That example puts the filtering inputs in the tbar, you might want them in the sidebar

For the avoidance of end user confusion, I would strongly advise 2 input fields. One for appointmentType and one for appointmentStatus.


Post Reply