I have been investigating options for me to be able to allow the user to turn on and off the visibility of event classes.
I have got it partially working using jQuery toggle() which enables me to turn their visibility on and off using the css property:
Unfortunately this does not work when switching between the views of the calendar.
I have asked about this on stackoverflow (stackoverflow.com/questions/5268 … ery-toggle) and have had a few responses which I have tried but have not worked.
Do you have any ideas on how I could best implement this?
Check the following sample:
Logic behind this: if by some properties you decide that you don't want to display certain events then you simple assign them "hide" CSS class which will turn off their display. If you want to hide them after user clicked some button for example, when you will need to change events' certain properties and refresh current view.
Another option is to use event filtering:
return false; // event won't be displayed
here “day” is the name of the mode. You may assign same function to all modes you are using:
Thanks for getting back to me.
Just to be clear, by reloading calendar i mean
Calendar need to re-render itself to apply new values.