hover appointment

Hello,

How can I get appointment information (subject, description and custom fields)  on appointment hover? I tried hover event but couldn't find the fields on args.

3 Replies 1 reply marked as answer

BS Balasubramanian Sattanathan Syncfusion Team November 26, 2020 10:31 AM UTC

Hi Theofilos, 

Greetings from Syncfusion Support. 

We have validated your requirement with a hover event and prepared a sample by using the below code snippet. 


<ejs-schedule id="schedule" height="550" selectedDate="new DateTime(2018, 2, 15)" hover="onHover"
    <e-schedule-eventsettings dataSource="@ViewBag.appointments"> 
    </e-schedule-eventsettings> 
</ejs-schedule> 
<script type="text/javascript"> 
    function onHover(args) { 
        var schObj = document.querySelector('.e-schedule').ej2_instances[0]; 
        if (args.element.classList.contains("e-appointment")) { 
            console.log(schObj.getEventDetails(args.element)); 
       
   
</script> 

Kindly try the above solution and let us know if you need further assistance. 

Regards, 
Balasubramanian S

Marked as answer

DI Dimitris November 26, 2020 11:54 AM UTC

Thank you!!


NR Nevitha Ravi Syncfusion Team November 26, 2020 12:19 PM UTC

Hi Theofilos, 

You are most welcome, please get back to us if you need any further assistance. 

Regards, 
Nevitha 


Loader.
Up arrow icon