Data Binding in scheduler

[amrutha]

Hi Team,

In my current application , I do have fields which needs the user interaction and other fields for application purpose for each of the appointment.

So , on creating newEvent, I am binding  the other fields with an object and storing it

// Appointment  Bound Data 

      Id: 6,

StartTime: new Date(2018, 3, 5, 6, 30),

EndTime: new Date(2018, 3, 5, 7, 30),

IsAllDay: false,

employeeId: 2,

clientId: 1,

// Data is being added to appointment in addEvent before adding to the scheduler

         service: {

serviceId: 1,

serviceName : 'Mens Hair Cut',

duration: 10,

price: 125

},

status: 'Scheduled',

        clientName:'dfdsg'

But when updating the data

public editEvent(e) {

const eventData: { [key: string]: object } = this.scheduleObj.eventWindow.getObjectFromFormData('e-schedule-dialog');

}

This eventData gives only the fields associated with appointment form and newly added (status,clientName) properties disappear as they are

not part of this.scheduleObj.eventWindow;

How to bound the object to store all the data including all additional fields? Could you please let me know?

I donot want to create a separate hidden fields to store scheduler and all.

Thanks in Advance

Regards,

Amrutha

[Hareesh Balasubramanian]

Hi Amrutha, 

Greetings from Syncfusion Support. 

Kindly refer the following UG link for adding addition fields in event collections, 

UG Link: https://ej2.syncfusion.com/angular/documentation/schedule/editor-template/?no-cache=1#add-additional-fields-to-the-default-editor 

Sample Link: https://ej2.syncfusion.com/angular/demos/#/material/schedule/editor-custom-field  

Note: We provided the ‘e-field’ support only for limited JS2 Syncfusion components like datepicker, datetimepicker, dropdownlist, multiselect, checkbox and input components . For other components, you have to handle the ‘getting and setting the values to those fields’ in sample end using actionBegin and popupOpen event. 

Regards, 

Hareesh