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
|<<
<<
<
>
>>
>>|
v
Lincoln Bartlett (Therapy)
Monday, Oct 10Tuesday, Oct 11Wednesday, Oct 12Thursday, Oct 13Friday, Oct 14
     
700
 
800
 
900
 
1000
 
1100
 
12PM
 
100
 
200
 
300
 
400
 
500
 
600
 
700
 
800
Andrew Glover (Hospital)
Contact info: (65) 965-4016
Mark Oliver (Hospital)
Contact info: (46) 683-6484
Taylor Riley (Home)
Contact info: (41) 671-9633
Recurrence
Follow-up Medical Checkup
Brad Farkus (Home)
Contact info: (23) 483-9348
Bart Arnaz (Phone Consultation)
Contact info: (11) 211-4115
Arnie Schwartz (Hospital)
Contact info: (65) 353-4435
John Heart (Home)
Contact info: (67) 501-2739
Arthur Miller (Hospital)
Contact info: (83) 808-5146
Robert Reagan (Hospital)
Contact info: (97) 108-9815
Recurrence
Follow-up Medical Checkup
Recurrence
Follow-up Medical Checkup
 
New Appointment
Did this demo address your needs?
If you’d like us to extend this demo further, please describe your needs below.
Thank you in advance for your cooperation.
SEND FEEDBACK

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
Multi-Use Site Controls