Scaffolding

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. For more information, follow steps 1-5 from the article about Telerik UI for ASP.NET MVC in MVC 5 Applications.
  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.

    Adding a new scaffolded item

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

    Choosing the Kendo UI Scaffolder

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

    The Controller and View Scheduler 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 Product entity.

    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.

    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:

    The View Model fields selection

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

    The View Model class

  8. Click Scheduler Options.

    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.

    The Scheduler options

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

See Also

In this article
Not finding the help you need? Improve this article