Products

[FullStackDevATL]

Thank you Markov.

Before I send you the code, can you please confirm that the scheduler supports filtering by more than one resource at the same time?

In other words, if I filter the events by resource A, does a subsequent filtering by resource B go against the filtered events or against the initial unfiltered events?

[FullStackDevATL]

can I email the files to  support@jqwidgets.com?

[FullStackDevATL]

We have implemented a scheduler in Angular (see versions below). The event has two properties that are used as resources (relationship manager ID and calendar entry type ID).

Everything works fine until you start “double” filtering. I am not able to pinpoint exactly when the problem occurs and replicate consistently.

Steps to reproduce:
1) Filter by employeeID
2) Filter by calendar entry type ID
3) Some back and fort with concurrent filtering.

4) At a certain point, you will notice that the current state of the filtered calendar is lost. For example, filtering by calendar type ID does not take in account the fact that the calendar is already being filtered by a certain relationship manager ID.

Is this a known issue?

Dependencies:

smart-webcomponents-angular: “^18.0.2″

angular/core”: “^16.2.12″,

—————————————————————————————-
<div>
<div>console.log(this.scheduler.resources);</div>
<div>console.log(this.scheduler.dataSource);

RESOURCES
[
{</div>
<div>”label”: “Relationship Manager”,
“value”: “relationshipManagerId“,
“dataSource”: [
{
“id”: “803a89ac”,
“label”: “Bob”,
“backgroundColor”: “black”
},
{
“id”: “3479d5743”,
“label”: “John”,
“backgroundColor”: “black”
},
{
“id”: “50f22103”,
“label”: “Yuri”,
“backgroundColor”: “black”
}
]
},
{
“label”: “Calendar Entry Type”,
“value”: “calendarEntryId“,
“dataSource”: [
{
“label”: “Custom Alert”,
“id”: “1”,
“backgroundColor”: “#3777bc”
},
{
“label”: “Notice 3”,
“id”: “3”,
“backgroundColor”: “#c59466”
},
{
“label”: “Notice 2”,
“id”: “2”,
“backgroundColor”: “#ff5966”
},
{
“label”: “Notice 4”,
“id”: “4”,
“backgroundColor”: “#a4be3a”
}]}]</div>
</div>
<div></div>
<div>Event Array (truncated)</div>
[{
“label”: “My label”,
“dateStart”: “2024-07-31T04:00:00.000Z”,
“dateEnd”: “2024-08-01T04:00:00.000Z”,
“allDay”: true,
“relationshipManagerId“: “803a89ac”,
“id”: 452,
“color”: “#012639”,
“backgroundColor”: “#ff5966”,
“calendarEntryId“: “2”,
“contractName”: “Sample”,
“relationshipManagerFullName”: “Bob Smith”,
“entryMessage”: “Contract End Date”
}

 

 

 

• This reply was modified 1 month, 2 weeks ago by FullStackDevATL.
• This reply was modified 1 month, 2 weeks ago by FullStackDevATL.
• This reply was modified 1 month, 2 weeks ago by FullStackDevATL.
• This reply was modified 1 month, 2 weeks ago by FullStackDevATL.

[Author]

Posts