Can I group events inside a cell on a particular row by the attributes e.g. "unitId", "userId"

Hi there,

I am building an events calendar that "displays schedulings for real state agents" using SyncFusion's Schedule ​and I want to group events within a cell by their "unitId" & "userId".
 
I have attached the design in the thread. I will also attach the sample data in the form of array of objects.

So let suppose with regard to the first attached image, On 1st April (Monday), an agent has '4' schedulings at the same time for the property with address "779 Bear Mountain". The same agent has another '4' schedulings at the same property at another time so we grouped it as well but displays it as a separate row.


Image_7122_1724059207653



Image_8550_1724059258746


Sample Data:

  • 3 showings at the same time with userId: 748 on 2024-08-12T20:30:00.000Z.
  • 3 showings at the same time with userId: 748 on 2024-08-14T18:00:00.000Z.
  • 2 showings at the same time with userId: 744 on 2024-08-14T18:00:00.000Z.
  • [

        {

            "id": 324555,

            "userId": 748,

            "tourStatus": "Canceled",

            "isRiver": 0,

            "unitId": 47949,

            "clientName": "Absolutely Negative",

            "clientEmail": "[email protected]",

            "clientPhone": "2504156195",

            "notes": null,

            "leadId": 55719,

            "createdOnApp": "lethub",

            "isConfirmRequestSent": true,

            "start": "2024-08-01T23:40:00.000Z",

            "end": "2024-08-02T00:00:00.000Z",

            "showingConfirmedStatus": "Cancelled",

            "showingConfirmed": false,

            "isReminderSent": true,

            "allDay": false,

            "isBlockedTime": false,

            "isBusyTime": false,

            "propertyId": 32403,

            "unitTitle": "Harrison House",

            "unitAddress": "539 - 19 Avenue S.W., Calgary, AB, T2S 0E3",

            "unitNumber": "0420",

            "verified": null,

            "userName": "bella test",

            "propertyType": "Single-Family House",

            "isSelfShowing": false,

            "leadSMSConsent": true

        },

        {

            "id": 325671,

            "userId": 744,

            "tourStatus": "Scheduled",

            "isRiver": 0,

            "unitId": 47946,

            "clientName": "John Smith",

            "clientEmail": "[email protected]",

            "clientPhone": "7786778456",

            "notes": null,

            "leadId": 55817,

            "createdOnApp": "lethub",

            "isConfirmRequestSent": false,

            "start": "2024-08-07T22:00:00.000Z",

            "end": "2024-08-07T22:30:00.000Z",

            "showingConfirmedStatus": "Confirmed",

            "showingConfirmed": true,

            "isReminderSent": true,

            "allDay": false,

            "isBlockedTime": false,

            "isBusyTime": false,

            "propertyId": 32403,

            "unitTitle": "Harrison House",

            "unitAddress": "539 - 19 Avenue S.W., Calgary, AB, T2S 0E3",

            "unitNumber": "0417",

            "verified": null,

            "userName": "Isabella member",

            "propertyType": "Single-Family House",

            "isSelfShowing": false,

            "leadSMSConsent": true

        },

        {

            "id": 325827,

            "userId": 748,

            "tourStatus": "Scheduled",

            "isRiver": 0,

            "unitId": 48001,

            "clientName": "Usama2",

            "clientEmail": "[email protected]",

            "clientPhone": "8049994184",

            "notes": null,

            "leadId": 55837,

            "createdOnApp": "lethub",

            "isConfirmRequestSent": false,

            "start": "2024-08-12T20:30:00.000Z",

            "end": "2024-08-12T20:50:00.000Z",

            "showingConfirmedStatus": "Waiting",

            "showingConfirmed": false,

            "isReminderSent": false,

            "allDay": false,

            "isBlockedTime": false,

            "isBusyTime": false,

            "propertyId": 32414,

            "unitTitle": "Bridgeland Manor",

            "unitAddress": "424, 649 Marsh Road N.E., Calgary, AB, T2E 5B4",

            "unitNumber": "0424HTFN",

            "verified": null,

            "userName": "bella test",

            "propertyType": "Multi-Family House",

            "isSelfShowing": false,

            "leadSMSConsent": false

        },

        {

            "id": 325826,

            "userId": 748,

            "tourStatus": "Scheduled",

            "isRiver": 0,

            "unitId": 48001,

            "clientName": "Usama1",

            "clientEmail": "[email protected]",

            "clientPhone": "8049994184",

            "notes": null,

            "leadId": 55813,

            "createdOnApp": "lethub",

            "isConfirmRequestSent": false,

            "start": "2024-08-12T20:30:00.000Z",

            "end": "2024-08-12T20:50:00.000Z",

            "showingConfirmedStatus": "Waiting",

            "showingConfirmed": false,

            "isReminderSent": false,

            "allDay": false,

            "isBlockedTime": false,

            "isBusyTime": false,

            "propertyId": 32414,

            "unitTitle": "Bridgeland Manor",

            "unitAddress": "424, 649 Marsh Road N.E., Calgary, AB, T2E 5B4",

            "unitNumber": "0424HTFN",

            "verified": null,

            "userName": "bella test",

            "propertyType": "Multi-Family House",

            "isSelfShowing": false,

            "leadSMSConsent": true

        },

        {

            "id": 325834,

            "userId": 748,

            "tourStatus": "Scheduled",

            "isRiver": 0,

            "unitId": 48000,

            "clientName": "Usama3",

            "clientEmail": "[email protected]",

            "clientPhone": null,

            "notes": null,

            "leadId": 55838,

            "createdOnApp": "lethub",

            "isConfirmRequestSent": false,

            "start": "2024-08-12T20:30:00.000Z",

            "end": "2024-08-12T21:00:00.000Z",

            "showingConfirmedStatus": "Waiting",

            "showingConfirmed": false,

            "isReminderSent": false,

            "allDay": false,

            "isBlockedTime": false,

            "isBusyTime": false,

            "propertyId": 32413,

            "unitTitle": "66 Christie Knoll Heights S.W.",

            "unitAddress": "66 Christie Knoll Heights S.W., Calgary, AB, T3H 2V2",

            "unitNumber": "000MHTFN",

            "verified": null,

            "userName": "bella test",

            "propertyType": "Multi-Family House",

            "isSelfShowing": false,

            "leadSMSConsent": false

        },

        {

            "id": 325835,

            "userId": 748,

            "tourStatus": "Scheduled",

            "isRiver": 0,

            "unitId": 48812,

            "clientName": "Usama",

            "clientEmail": "[email protected]",

            "clientPhone": "8049994184",

            "notes": null,

            "leadId": 55839,

            "createdOnApp": "lethub",

            "isConfirmRequestSent": false,

            "start": "2024-08-13T23:40:00.000Z",

            "end": "2024-08-14T00:00:00.000Z",

            "showingConfirmedStatus": "Waiting",

            "showingConfirmed": false,

            "isReminderSent": false,

            "allDay": false,

            "isBlockedTime": false,

            "isBusyTime": false,

            "propertyId": 32773,

            "unitTitle": "Sundance Apartments",

            "unitAddress": "836 - 5 Avenue S.W., Calgary, AB, T2P 0N5",

            "unitNumber": "1803HTFN",

            "verified": true,

            "userName": "bella test",

            "propertyType": "Multi-Family House",

            "isSelfShowing": true,

            "leadSMSConsent": true

        },

        {

            "id": 325838,

            "userId": 744,

            "tourStatus": "Scheduled",

            "isRiver": 0,

            "unitId": 48001,

            "clientName": "Usama1",

            "clientEmail": "[email protected]",

            "clientPhone": "8049994184",

            "notes": null,

            "leadId": 55840,

            "createdOnApp": "lethub",

            "isConfirmRequestSent": false,

            "start": "2024-08-14T18:00:00.000Z",

            "end": "2024-08-14T18:30:00.000Z",

            "showingConfirmedStatus": "Waiting",

            "showingConfirmed": false,

            "isReminderSent": false,

            "allDay": false,

            "isBlockedTime": false,

            "isBusyTime": false,

            "propertyId": 32414,

            "unitTitle": "Bridgeland Manor",

            "unitAddress": "424, 649 Marsh Road N.E., Calgary, AB, T2E 5B4",

            "unitNumber": "0424HTFN",

            "verified": true,

            "userName": "Isabella member",

            "propertyType": "Multi-Family House",

            "isSelfShowing": false,

            "leadSMSConsent": false

        },

        {

            "id": 325841,

            "userId": 748,

            "tourStatus": "Scheduled",

            "isRiver": 0,

            "unitId": 48001,

            "clientName": "[email protected]",

            "clientEmail": "[email protected]",

            "clientPhone": "8049994184",

            "notes": null,

            "leadId": 55843,

            "createdOnApp": "lethub",

            "isConfirmRequestSent": false,

            "start": "2024-08-14T18:00:00.000Z",

            "end": "2024-08-14T18:30:00.000Z",

            "showingConfirmedStatus": "Waiting",

            "showingConfirmed": false,

            "isReminderSent": false,

            "allDay": false,

            "isBlockedTime": false,

            "isBusyTime": false,

            "propertyId": 32414,

            "unitTitle": "Bridgeland Manor",

            "unitAddress": "424, 649 Marsh Road N.E., Calgary, AB, T2E 5B4",

            "unitNumber": "0424HTFN",

            "verified": null,

            "userName": "bella test",

            "propertyType": "Multi-Family House",

            "isSelfShowing": false,

            "leadSMSConsent": false

        },

        {

            "id": 325840,

            "userId": 748,

            "tourStatus": "Scheduled",

            "isRiver": 0,

            "unitId": 48001,

            "clientName": "Usama7",

            "clientEmail": "[email protected]",

            "clientPhone": "8049994184",

            "notes": null,

            "leadId": 55842,

            "createdOnApp": "lethub",

            "isConfirmRequestSent": false,

            "start": "2024-08-14T18:00:00.000Z",

            "end": "2024-08-14T18:30:00.000Z",

            "showingConfirmedStatus": "Waiting",

            "showingConfirmed": false,

            "isReminderSent": false,

            "allDay": false,

            "isBlockedTime": false,

            "isBusyTime": false,

            "propertyId": 32414,

            "unitTitle": "Bridgeland Manor",

            "unitAddress": "424, 649 Marsh Road N.E., Calgary, AB, T2E 5B4",

            "unitNumber": "0424HTFN",

            "verified": null,

            "userName": "bella test",

            "propertyType": "Multi-Family House",

            "isSelfShowing": false,

            "leadSMSConsent": false

        },

        {

            "id": 325839,

            "userId": 744,

            "tourStatus": "Scheduled",

            "isRiver": 0,

            "unitId": 48001,

            "clientName": "Usama2",

            "clientEmail": "[email protected]",

            "clientPhone": "8049994184",

            "notes": null,

            "leadId": 55841,

            "createdOnApp": "lethub",

            "isConfirmRequestSent": false,

            "start": "2024-08-14T18:00:00.000Z",

            "end": "2024-08-14T18:30:00.000Z",

            "showingConfirmedStatus": "Waiting",

            "showingConfirmed": false,

            "isReminderSent": false,

            "allDay": false,

            "isBlockedTime": false,

            "isBusyTime": false,

            "propertyId": 32414,

            "unitTitle": "Bridgeland Manor",

            "unitAddress": "424, 649 Marsh Road N.E., Calgary, AB, T2E 5B4",

            "unitNumber": "0424HTFN",

            "verified": null,

            "userName": "Isabella member",

            "propertyType": "Multi-Family House",

            "isSelfShowing": false,

            "leadSMSConsent": false

        },

        {

            "id": 325975,

            "userId": 748,

            "tourStatus": "Scheduled",

            "isRiver": 0,

            "unitId": 48886,

            "clientName": "Usama",

            "clientEmail": "[email protected]",

            "clientPhone": "8049994184",

            "notes": null,

            "leadId": 55845,

            "createdOnApp": "lethub",

            "isConfirmRequestSent": false,

            "start": "2024-08-19T16:00:00.000Z",

            "end": "2024-08-19T16:20:00.000Z",

            "showingConfirmedStatus": "Waiting",

            "showingConfirmed": false,

            "isReminderSent": false,

            "allDay": false,

            "isBlockedTime": false,

            "isBusyTime": false,

            "propertyId": 32811,

            "unitTitle": "114 Cramond Circle S.E.",

            "unitAddress": "114 Cramond Circle S.E., Calgary, AB, T3M 1E6",

            "unitNumber": "000M",

            "verified": null,

            "userName": "bella test",

            "propertyType": "Multi-Family House",

            "isSelfShowing": false,

            "leadSMSConsent": true

        },

        {

            "id": 325976,

            "userId": 748,

            "tourStatus": "Scheduled",

            "isRiver": 0,

            "unitId": 48812,

            "clientName": "Usama",

            "clientEmail": "[email protected]",

            "clientPhone": "8049994184",

            "notes": null,

            "leadId": 55846,

            "createdOnApp": "lethub",

            "isConfirmRequestSent": false,

            "start": "2024-08-19T16:30:00.000Z",

            "end": "2024-08-19T16:50:00.000Z",

            "showingConfirmedStatus": "Waiting",

            "showingConfirmed": false,

            "isReminderSent": false,

            "allDay": false,

            "isBlockedTime": false,

            "isBusyTime": false,

            "propertyId": 32773,

            "unitTitle": "Sundance Apartments",

            "unitAddress": "836 - 5 Avenue S.W., Calgary, AB, T2P 0N5",

            "unitNumber": "1803HTFN",

            "verified": null,

            "userName": "bella test",

            "propertyType": "Multi-Family House",

            "isSelfShowing": false,

            "leadSMSConsent": true

        }

    ]


    1 Reply

    SR Swathi Ravi Syncfusion Team August 20, 2024 01:05 PM UTC

    Hi Kevin,
    Thank you for reaching out to us.
    Based on the details you've shared, it appears that you want to group appointments within the same cell based on attributes like unitId and userId. Unfortunately, the current configuration of our scheduler does not support grouping appointments within a single cell when displayed on different rows.
    However, you can achieve a similar outcome by utilizing shared events. This method allows you to create single appointments and assign them to an array of collections based on your attributes. For more information on how to implement shared events and manage grouping, please refer to the following resources:
    If you have any further questions or need additional assistance, please let us know.
    Best regards,
    Swathi

    Loader.
    Up arrow icon