This article provides a step-by-step introduction to configure Essential JS 2 setup and build a simple .NET Core web application with Razor pages using Visual Studio.
Starting with v16.2.0.x, if you reference to Syncfusion assemblies from trial setup or NuGet feed, you should include a license key in your projects. Refer to this link to learn about registering Syncfusion license key in your ASP.NET Core application to use the components.
The official prerequisites to create and run an ASP.NET Core 2.x application on Windows environment are described in the .NET Core documentation website.
The Essential JS 2 supports 4.5+ .NET Framework in the ASP.NET Core application. i.e. The minimum target framework is 4.5 for Syncfusion ASP.NET Core (Essential JS 2).
Syncfusion.EJ2.AspNet.Core
NuGet package to the new application by using the Nuget Package Manager. Right-click the project and select Manage NuGet Packages….Refer to this article to learn more details about installing Essential JS 2 NuGet packages in various OS environment.
Syncfusion.EJ2.AspNet
in the Browse tab and install Syncfusion.EJ2.AspNet.Core NuGet package in the application.The Essential JS 2 package will be included in the project, after the installation process is completed.
Note: The Syncfusion.EJ2.AspNet.Core NuGet package has dependencies,
Newtonsoft.Json
for JSON serialization andSyncfusion.Licensing
for validating Syncfusion license key.
~/Pages/_ViewImports.cshtml
file and import the Syncfusion.EJ2
package.@addTagHelper *, Syncfusion.EJ2
<head>
element of ~/Pages/_Layout.cshtml
layout page.<head>
....
....
<!-- Syncfusion Essential JS 2 Styles -->
<link rel="stylesheet" href="https://cdn.syncfusion.com/ej2/material.css" />
<!-- Syncfusion Essential JS 2 Scripts -->
<script src="https://cdn.syncfusion.com/ej2/dist/ej2.min.js"></script>
</head>
<body>
element in the ~/Pages/_Layout.cshtml
layout page.<body>
....
....
<!-- Syncfusion Essential JS 2 ScriptManager -->
<ejs-scripts></ejs-scripts>
</body>
cshtml
) in the Pages
folder.For example, the Document Editor component is added to the ~/Pages/Index.cshtml
page.
<ejs-documenteditor id="container"></ejs-documenteditor>
public ActionResult Default()
{
return View();
}
For example, the Document Editor Container component is added to the ~/Pages/Index.cshtml
page.
<ejs-documenteditorcontainer id="container"></ejs-documenteditorcontainer>
public ActionResult Default()
{
return View();
}