Our powerful JS Calendar component
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?
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
.