1. Home
  2. Forum
  3. React - EJ 2
  4. Re-Order appointment based on Name instead of time

Re-Order appointment based on Name instead of time

Hi,

i am working on React Scheduler (without EJS). For my use, appointments need to be ordered by Name instead of StartTime or EndTime. 

[{
    "LastName": "EARL",
    "StartTime": "2020-04-23T14:00:00",
    "EndTime": "2020-04-23T17:00:00"
}, {
    "LastName": "FRANK",
    "StartTime": "2020-04-23T14:00:00",
    "EndTime": "2020-04-23T18:00:00",
}]

By the given JSON, appointments need to be displayed as "EARL" and "FRANK", but scheduler is displaying as "FRANK" and "EARL" based on their Time Slots, where FRANK (4 hours) time slot is greater than EARL (3 hours).


How can I get these appointments ordered by their name in the scheduler?

any help will be greatly appreciated.

Thanks,
Ravi B.

5 Replies
VM Vengatesh Maniraj Syncfusion Team April 24, 2020 04:28 AM UTC

Hi Ravi, 

Greetings from Syncfusion Support. 

We have validated your requirement that “Appointments ordered by their names” and we suggest you set the Id property for the appointment JSON to achieve your requirement. Please refer the below JSON, 

[{ 
     “Id”: 2,           
    "LastName": "EARL", 
    "StartTime": "2020-04-23T14:00:00", 
    "EndTime": "2020-04-23T17:00:00" 
}, { 
    “Id”: 1, 
    "LastName": "FRANK", 
    "StartTime": "2020-04-23T14:00:00", 
    "EndTime": "2020-04-23T18:00:00", 
}] 
 
Please try the above solution and get back to us for further assistance. 
 
Regards, 
Vengatesh 


RA raviteaj April 24, 2020 05:52 AM UTC

Hi Vengatesh,

thanks for the quick response. but even after adding Id property to JSON as below, its coming as FRANK and EARL instead of EARL and FRANK please refer to the attached .

[{ 
     “Id”: 1,           
    "LastName": "DEBOPRIYA", 
    "StartTime": "2020-04-23T17:00:00", 
    "EndTime": "2020-04-23T20:00:00" 
},{ 
     “Id”: 2,           
    "LastName": "EARL", 
    "StartTime": "2020-04-23T14:00:00", 
    "EndTime": "2020-04-23T17:00:00" 
}, { 
    “Id”: 3, 
    "LastName": "FRANK", 
    "StartTime": "2020-04-23T14:00:00", 
    "EndTime": "2020-04-23T18:00:00", 
}] 





VM Vengatesh Maniraj Syncfusion Team April 27, 2020 08:26 AM UTC

Hi Ravi, 

Thanks for the update. 

We have checked your shared JSON data with your shared images and we suspect that you have rendered the Scheduler in Timeline views. In Timeline views, the Scheduler renders the events based on its timing to avoid the events overlapping problem that functionalities are handled in the Scheduler source end. Since this is the default functionality of Timeline view Scheduler, we regret to let you know that the name or id based appointment rendering is not feasible in current Scheduler’s architecture.  

Regards, 
Vengatesh.  



RC Raj Champaneriya April 28, 2020 01:09 PM UTC

Hi Vengatesh,

Your assumption is accurate. We are using timeline view.

However is there any way to disable default sort and rely on data even for time overlapping scenario?
We have customer requirement to display time overlapping appointments in specific sequence. 

Current limitation is deal breaker for us. Any workaround is highly appreciated.

Thanks,
Raj

VM Vengatesh Maniraj Syncfusion Team April 29, 2020 08:27 AM UTC

Hi Raj, 

Sorry for the inconvenience caused. 

We have analyzed our source to achieve your requirement but regret to let you know that the sorting process has handled for the inner level functionalities. Since the process has handled at the source level, we could not override the sorting process by workaround and the workaround is not feasible. 

Please let us know if you need any other assistance. 

Regards, 
Vengatesh   


Loader.
Up arrow icon