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

ASP.NET Core TimePicker Declarative Initialization

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Telerik REPL
declarative_initialization.cshtml
Declarative_InitializationController.cs

Description

The Telerik UI for ASP.NET Core TimePicker supports the declarative initialization feature, where the component declaration is serialized as an MVVM declarative configuration instead of as an inline initialization script.

The declarative initialization feature serializes the helper declaration as an MVVM configuration and initializes the component from the DOM elements on the client. This functionality is suitable when the Content Security Policy (CSP) is enabled and eliminates the requirement to call the DeferredScriptFile() or Deferred() methods that defer the initialization script generated after the component's HTML markup.

This example demonstrates how to enable the declarative initialization of the TimePicker:

  1. Add the UseMvvmInitialization() option in the helper declaration.
  2. Within the $(document).ready() function, call the kendo.bind() method and pass the element that wraps the helper declaration or the Name() of the component by selecting it with jQuery.

Additional Apps

This TimePicker example is part of unique collection of hundreds of ASP.NET Core demos, with which you can see all Telerik ASP.NET Core components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for ASP.NET Core or ThemeBuilder.

Support & Learning Resources

Additional Resources