devexpress-examples / scheduler-how-to-implement-a-custom-edit-appointment-form-with-custom-fields-e4520 Goto Github PK

View Code? Open in Web Editor NEW

Use the SetAppointmentFormTemplateContent method to create a custom appointment form.

License: Other

C# 24.61% HTML 54.45% ASP.NET 0.14% Visual Basic .NET 20.80%

scheduler-how-to-implement-a-custom-edit-appointment-form-with-custom-fields-e4520's Introduction

Scheduler for ASP.NET MVC - How to implement a custom edit appointment form

This example demonstrates how to use the SetAppointmentFormTemplateContent method to create a custom appointment form.

Overview

Call the control's MVCxSchedulerOptionsForms.SetAppointmentFormTemplateContent method to add a custom appointment form to the SchedulerPartial view.

settings.OptionsForms.SetAppointmentFormTemplateContent(c => {
    var container = (CustomAppointmentTemplateContainer)c;
    var schedule = ViewData["EditableSchedule"] != null
        ? (Schedule)ViewData["EditableSchedule"]
        : new Schedule() {
            ID = container.Appointment.Id == null ? -1 : (int)container.Appointment.Id,
            <!-- ... -->
        };
    
    ViewBag.DeleteButtonEnabled = container.CanDeleteAppointment;
    ViewBag.IsRecurring = container.Appointment.IsRecurring;
    ViewBag.AppointmentRecurrenceFormSettings = CreateAppointmentRecurrenceFormSettings(container);

    ViewBag.ResourceDataSource = container.ResourceDataSource;
    ViewBag.StatusDataSource = container.StatusDataSource;
    ViewBag.LabelDataSource = container.LabelDataSource;
    ViewBag.ReminderDataSource = container.ReminderDataSource;

    Html.RenderPartial("CustomAppointmentFormPartial", schedule);
});

Create an AppointmentFormTemplateContainer to add custom fields to your appointment form and handle the control's server-side ASPxScheduler.AppointmentFormShowing event to replace the default container with the custom container.

settings.AppointmentFormShowing = (sender, e) => {
    var scheduler = sender as MVCxScheduler;
    if (scheduler != null)
        e.Container = new CustomAppointmentTemplateContainer(scheduler);
};