New to Telerik UI for ASP.NET MVC? Download free 30-day trial


The Scheduler HtmlHelper for ASP.NET MVC enables you to use the Kendo UI Scaffolder Visual Studio extension.

The Kendo UI Scaffolder will not include the required UI for ASP.NET MVC files to the project. To automatically achieve this, use the Telerik UI for ASP.NET MVC Visual Studio Extensions. To manually achieve this, refer to this article.

To scaffold the Scheduler HtmlHelper for ASP.NET MVC:

  1. Create a new ASP.NET MVC application, include an Entity Framework Data Model, and add Telerik UI for ASP.NET MVC.
  2. Right-click the location where the Scheduler Controller should be generated. Select Add > New Scaffolded Item... from the displayed menu. In this example, you are going to generate it in the Controllers folder.

    UI for ASP.NET MVC Adding a new scaffolded item

  3. Select Kendo UI Scaffolder from the list of available scaffolders. Then choose the desired Scheduler option.

    UI for ASP.NET MVC Choosing the Kendo UI Scaffolder

  4. On the next screen that displays the Model and Data Context options, enter the Controller and View names.

    UI for ASP.NET MVC The Controller and View options

  5. The Model Class drop-down list contains all model types from the active project. List the products in the Scheduler. In this case, select the Meeting entity.

    UI for ASP.NET MVC Choosing the Model class

  6. From the Data Context Class DropDownList, select the Entity Framework Data Model class to be used. In this case, select SampleEntities. Note that the DataBase used is taken from the offline examples.

    UI for ASP.NET MVC Choosing the Data Context class

  7. Select the fields from your original model that match the fields from the required ISchedulerEvent interface. The Scaffolder automatically generates a view model that inherits from the ISchedulerEvent interface. This view model includes a constructor and a method that map the view model fields to the original model:

    UI for ASP.NET MVC The View Model fields selection

    The newly created class will later be added to the ~/Models folder.

    UI for ASP.NET MVC The View Model class

  8. Click Scheduler Options.

    UI for ASP.NET MVC The Scheduler options

    This screen contains the Scheduler functionalities that can be configured before scaffolding:

    • DataSource Type—Ajax or WebApi.
    • Edit operations—Configures the operations to be included (Create, Update, Destroy, Resize, Move).
    • Other options > PDF Export—Enables the PDF export functionality.
    • Other options > Selectable—Enables the selection functionality.
    • Scheduler Views—Opts for the desired views.
  9. Click Events. Select the Scheduler events that you want to attach handlers to.

    UI for ASP.NET MVC The Scheduler events

  10. When finished with the Scheduler configuration, click Add. The Scheduler Controller and the corresponding View are now generated.

See Also

In this article