Client-side appointment form for shared resources

This example illustrates how to create an appointment editing form for resource sharing mode using client-side scripting.

In this example, popup menu commands are intercepted by JavaScript functions, which create the ASPxClientAppointment for the selected interval and resource or use the client Scheduler’s GetSelectedAppointmentIds and GetAppointmentById methods to obtain the client appointment. After that, the RefreshClientAppointmentProperties method updates the client appointment properties and invokes the scripting appointment form.

The scripting appointment editing form consists of two templates – ScriptAppointmentForm.ascx and ScriptRecurrenceForm.ascx. Their code implements the logic required to populate the form’s controls and update the appointment with new values. The ASPxDropDownEdit control with incorporated ASPxListBox control is used to display a list of resources. It enables the user to select multiple resource in a drop-down list with checkboxes.
When the button on the form is pressed, one of the following methods of the client scheduler: UpdateAppointment, InsertAppointment, or DeleteAppointment, is called. This method performs a callback using information contained in the client appointment. The appointment is then processed on the server.

Note that ASPxScheduler versions prior to 9.2.10 demonstrates erroneous behavior of the client-side appointment form concerning the recurrence pattern. Custom fields are not updated when the client form is invoked to edit the series. It is reported as issue Client-side appointment editing form - Custom field isn't updated in recurrence pattern.