Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Appointment Form

<
>
October 10 – 14, 2016
  • Day
  • Work Week
  • Timeline
  • Agenda
  • Item
    ...
|<<
<<
<
>
>>
>>|
v
 

This demo illustrates how to create the appointment editing form, using client-side scripting. The technique employs the ASPxClientScheduler and ASPxClientAppointment objects.

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 GetAppointment methods to obtain the client appointment. Then, 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. 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 client-side appointment forms and client data processing may significantly reduce response times, and improve application performance and usability.

Collapse/Expand
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
Open VB Solution
The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\ASPxSchedulerDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxSchedulerDemos