Filter on scheduler

[Anh Hoang]

i want to filter the calendar by multiple conditions
<div>

<div>  schedulerRef.current.filter = [</div>
<div>                    { name: ‘label,’, value: filterSearch },</div>
<div>                    { name: ‘requesterName’, value: filterSearch },</div>
<div>                    { name: ‘dateStart’, value: filterSearch },</div>
<div>                    { name: ‘ampmStart’, value: filterSearch },</div>
<div>                    { name: ‘dateEnd’, value: filterSearch },</div>
<div>                    { name: ‘ampmEnd’, value: filterSearch },</div>
<div>                ];</div>

<div>im using this, but maybe this generate wrong what i expected, i want OR condtions, example i pass ’15’ to filterSearch , it will fillter all column have value ’15’, OR not AND. could you give me some advise?</div>
</div>

[svetoslav_borislavov]

Hi,

The filter property can also be a function. This allows to completely customize the filtering logic.
The function passes a single argument – each Scheduler event that will be displayed.
The function should return true ( if the condition is met ) or false ( if not ).

Here is an example: https://codepen.io/svetoslavjqwidgets/pen/LYJmGLr

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[Anh Hoang]

thanks for your support!

[svetoslav_borislavov]

Hi,

We are happy to hear that. If you need any assistance, do not hesitate to contact us!

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[Author]

Posts