8 Jun 20232 minutes to read
Tag Helpers are used to write server-side code in razor view page. It is a feature of Razor view engine which converts the server-side code into HTML and serves it to the web browser. The main advantage of using Tag Helpers over HTML Helpers is that the Razor markup using Tag Helpers looks like standard HTML and it also has rich intelliSense with the scope of existing elements. The most important feature of the Tag Helper is that they can be independent from the C# syntax. Tag helper provides more reliable and reusable code that can be created and used across different views, as and when it is needed.
We can easily configure Syncfusion UI Components in Razor view using EJ Tag helpers in ASP.NET Core application.
Getting Started section explains about basic system requirements and the steps to configure the Syncfusion Components in an ASP.net core application.
Adding Tag Helpers
We can enable the EJ tag helper support by adding the namespaces for component references and @addTagHelper directive to the cshtml file.
To add EJ tag helpers globally in your project, add the component references and @addTagHelper directive to Views/_ViewImports.cshtml.
Configuring Syncfusion UI components with Tag Helpers
Open a view page to render Syncfusion UI components in Tag Helper Syntax. The following example demonstrates how to render the Essential DatePicker using EJ TagHelper.
<ej-date-picker id="datepicker" value="@DateTime.Now"></ej-date-picker>
API Configuration with Tag Helpers
We can configure the EJ components with its properties by using tag attributes. It also has rich IntelliSense support which displays all the methods and properties of EJ controls on the page model.
Wiring Client Side Events
<ej-date-picker id="DatePick" date-format="MM/dd/yyyy" change="ChangeValue" select="SelectOn"></ej-date-picker>