244 строки
22 KiB
Markdown
244 строки
22 KiB
Markdown
# Syncfusion ASP.NET Core Component Examples
|
||
|
||
This repository contains the demos of [Syncfusion ASP.NET Core Components](https://www.syncfusion.com/aspnet-core-ui-controls/). This is the best place to check the controls to get more insight into the usage of APIs.
|
||
|
||
The following topics can help you to use the Syncfusion ASP.NET Core Components and run this application in your local.
|
||
|
||
* [Requirements to run the demo](#requirements-to-run-the-demo)
|
||
* [How to run the demo](#how-to-run-the-demo)
|
||
* [ASP.NET Core documentation](https://ej2.syncfusion.com/aspnetcore/documentation/introduction)
|
||
* [ASP.NET Core Components Catalog](#aspnet-core-components-catalog)
|
||
* [License](#license)
|
||
* [Support and feedback](#support-and-feedback)
|
||
|
||
## Requirements to run the demo
|
||
|
||
* [System requirements](https://ej2.syncfusion.com/aspnetcore/documentation/system-requirements/)
|
||
|
||
## How to run the demo
|
||
|
||
Clone the repository. This repository contains the .NET 6 and .NET 8 project and solution files.
|
||
|
||
### Run the demo using .NET CLI
|
||
|
||
* Open the command prompt from the demos directory.
|
||
* Run the demo using the following command.
|
||
|
||
To run .NET 6 ASP.NET Core project
|
||
> `dotnet run --project EJ2CoreSampleBrowser_NET6.csproj`
|
||
|
||
To run .NET 8 ASP.NET Core project
|
||
> `dotnet run --project EJ2CoreSampleBrowser_NET8.csproj`
|
||
|
||
### Run the demo using Visual Studio
|
||
|
||
* Open the solution file using Visual Studio.
|
||
* Press `Ctrl + F5` to run the demo.
|
||
|
||
### Run the demo using Visual Studio code
|
||
|
||
* Open the Visual Studio code from the demos directory where project file present.
|
||
|
||
> Ensure the [C# for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=ms-dotnettools.csharp) extension is installed in your Visual Studio code before running the ASP.NET Core demos.
|
||
|
||
* Press `Ctrl + F5` to run the demo.
|
||
|
||
## ASP.NET Core Components Catalog
|
||
|
||
<table id="table">
|
||
<tbody>
|
||
<colgroup>
|
||
<col style="width: 220px">
|
||
<col style="width: 260px">
|
||
<col style="width: 220px">
|
||
<col style="width: 220px">
|
||
</colgroup>
|
||
</tbody>
|
||
<tr>
|
||
<td>
|
||
<p></p>
|
||
<div><p class="controlcategory">GRIDS</p></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/grid/getting-started-core">DataGrid</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/pivot-table/getting-started">Pivot Table</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/tree-grid/getting-started-core">TreeGrid</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/spreadsheet/getting-started-core">Spreadsheet</a></div>
|
||
<p> </p>
|
||
<div><p class="controlcategory">INTERACTIVE CHAT</p></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/ai-assistview/getting-started">AI AssistView - Preview</a></div>
|
||
<p> </p>
|
||
<div><p class="controlcategory">DATA VISUALIZATION</p></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/chart/getting-started">Charts</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/3d-chart/getting-started">3D Chart</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/circular-chart-3d/getting-started">3D Circular Chart</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/stock-chart/getting-started">Stock Chart</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/circular-gauge/getting-started">Arc Gauge</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/circular-gauge/getting-started">Circular Gauge</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/diagram/getting-started">Diagram</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/heatmap-chart/getting-started">HeatMap Chart</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/linear-gauge/getting-started">Linear Gauge</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/maps/getting-started">Maps</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/range-navigator/getting-started">Range Selector</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/smithchart/getting-started">Smith Chart</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/barcode/getting-started">Barcode Generator</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/sparkline/getting-started">Sparkline Charts</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/treemap/getting-started">TreeMap</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/bullet-chart/getting-started">Bullet Chart</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/kanban/getting-started">Kanban</a></div>
|
||
<p> </p>
|
||
<div><p class="controlcategory">FORMS</p></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/query-builder/getting-started">Query Builder</a></div>
|
||
<p> </p>
|
||
<div><p class="controlcategory">DOCUMENT PROCESSING LIBRARIES</p></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://help.syncfusion.com/file-formats/xlsio/create-read-edit-excel-files-in-asp-net-core-c-sharp">Excel</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://help.syncfusion.com/file-formats/pdf/create-pdf-file-in-asp-net-core">PDF</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://help.syncfusion.com/file-formats/docio/create-word-document-in-asp-net-core">Word</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://help.syncfusion.com/file-formats/presentation/create-read-edit-powerpoint-files-in-asp-net-core-c-sharp">PowerPoint</a></div>
|
||
<p> </p>
|
||
<p> </p>
|
||
</td>
|
||
<td>
|
||
<p></p>
|
||
<div><p class="controlcategory">VIEWER & EDITORS</p></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/pdfviewer/getting-started">PDF Viewer</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/rich-text-editor/getting-started">RichTextEditor</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/markdowneditor/overview#/fluent2">Markdown Editor</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/document-editor/getting-started-core">Word Processor</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/in-place-editor/getting-started">In-place Editor</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/image-editor/getting-started">Image Editor</a></div>
|
||
<p> </p>
|
||
<div><p class="controlcategory">CALENDARS</p></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/schedule/getting-started">Scheduler</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/calendar/getting-started">Calendar</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/datepicker/getting-started">DatePicker</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/daterangepicker/getting-started">DateRangePicker</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/datetimepicker/getting-started">DateTime Picker</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/timepicker/getting-started">TimePicker</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/gantt/getting-started">Gantt Chart</a></div>
|
||
<p> </p>
|
||
<div><p class="controlcategory">BUTTONS</p></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/button/getting-started">Button</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/button-group/getting-started">ButtonGroup</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/drop-down-button/getting-started">Dropdown Menu</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/progress-button/getting-started">Progress Button</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/split-button/getting-started">Split Button</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/chips/getting-started">Chips</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/floating-action-button/getting-started">FAB</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/speeddial/getting-started">Speed Dial</a></div>
|
||
<p> </p>
|
||
<p> </p>
|
||
<p> </p>
|
||
<p> </p>
|
||
<p> </p>
|
||
<p> </p>
|
||
<p> </p>
|
||
<p> </p>
|
||
<p> </p>
|
||
<p> </p>
|
||
</td>
|
||
<td>
|
||
<p></p>
|
||
<div><p class="controlcategory">DROPDOWNS</p></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/auto-complete/getting-started">AutoComplete</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/combo-box/getting-started">ComboBox</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/drop-down-list/getting-started">Dropdown List</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/drop-down-tree/getting-started">Dropdown Tree</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/multi-select/getting-started">Multiselect DropDown</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/mention/getting-started">Mention</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/list-box/getting-started-core">ListBox</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/multicolumn-combobox/getting-started">MultiColumn ComboBox - Preview</a></div>
|
||
<p> </p>
|
||
<div><p class="controlcategory">NAVIGATION</p></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/accordion/getting-started">Accordion</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/appbar/getting-started">AppBar</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/breadcrumb/getting-started">Breadcrumb</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/carousel/getting-started">Carousel</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/context-menu/getting-started">Context Menu</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/menu/getting-started">Menu Bar</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/sidebar/getting-started">Sidebar</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/tab/getting-started">Tabs</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/toolbar/getting-started">Toolbar</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/ribbon/getting-started">Ribbon</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/treeview/getting-started">TreeView</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/file-manager/getting-started">File Manager</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/stepper/getting-started">Stepper</a></div>
|
||
<p> </p>
|
||
<div><p class="controlcategory">NOTIFICATION</p></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/message/getting-started">Message</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/badge/getting-started-asp-core">Badge</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/toast/getting-started">Toast</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/progress-bar/getting-started">Progress Bar</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/skeleton/getting-started-asp-core">Skeleton</a></div>
|
||
<p> </p>
|
||
<p> </p>
|
||
<p> </p>
|
||
<p> </p>
|
||
<p> </p>
|
||
<p> </p>
|
||
</td>
|
||
<td>
|
||
<div><p class="controlcategory">INPUTS</p></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/textbox/getting-started">TextBox</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/textarea/getting-started">TextArea</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/maskedtextbox/getting-started/">Input Mask</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/numerictextbox/getting-started">Numeric TextBox</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/radio-button/getting-started">RadioButton</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/check-box/getting-started">CheckBox</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/color-picker/getting-started">Color Picker</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/uploader/getting-started">File Upload</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/range-slider/getting-started">Range Slider</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/switch/getting-started">Toggle Switch Button</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/signature/getting-started">Signature</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/rating/getting-started">Rating</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/otp-input/getting-started">OTP Input</a></div>
|
||
<p> </p>
|
||
<div><p class="controlcategory">LAYOUT</p></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/avatar/getting-started-asp-core">Avatar</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/card/getting-started">Card</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/dialog/getting-started">Dialog</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/predefined-dialogs/getting-started">Predefined Dialogs</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/listview/getting-started">ListView</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/tooltip/getting-started-asp-core">Tooltip</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/splitter/getting-started">Splitter</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/dashboard-layout/getting-started/">Dashboard Layout</a></div>
|
||
<div class="controlanchorlink"><a target="_self" href="https://ej2.syncfusion.com/aspnetcore/documentation/timeline/getting-started">Timeline</a></div>
|
||
<p> </p>
|
||
<p> </p>
|
||
<p> </p>
|
||
<p> </p>
|
||
<p> </p>
|
||
<p> </p>
|
||
<p> </p>
|
||
<p> </p>
|
||
<p> </p>
|
||
<p> </p>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
|
||
## License
|
||
|
||
Syncfusion ASP.NET Core Components is available under the Syncfusion Essential Studio program, and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.
|
||
|
||
To be qualified for the Syncfusion Community License Program, you must have gross revenue of less than one (1) million U.S. dollars (USD 1,000,000.00) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions.
|
||
|
||
Customers who do not qualify for the community license can contact sales@syncfusion.com for commercial licensing options.
|
||
|
||
You may not use this product without first purchasing a Community License or a Commercial License, as well as agreeing to and complying with Syncfusion's license terms and conditions.
|
||
|
||
The Syncfusion license that contains the terms and conditions can be found at
|
||
[https://www.syncfusion.com/content/downloads/syncfusion_license.pdf](https://www.syncfusion.com/content/downloads/syncfusion_license.pdf)
|
||
|
||
## Support and feedback
|
||
|
||
* For any other queries, reach our [Syncfusion support team](https://support.syncfusion.com/) or post the queries through the [community forums](https://www.syncfusion.com/forums?utm_source=github&utm_medium=listing).
|
||
|
||
* To renew the subscription, click [here](https://www.syncfusion.com/sales/products?utm_source=github&utm_medium=listing) or contact our sales team at <salessupport@syncfusion.com>.
|
||
|
||
* Don't see what you need? Please request it in our [feedback portal](https://www.syncfusion.com/feedback/aspnet-core).
|
||
|
||
## See also
|
||
|
||
* [ASP.NET Core Documentation](https://ej2.syncfusion.com/aspnetcore/documentation/introduction)
|
||
* [ASP.NET Core Components](https://www.syncfusion.com/aspnet-core-ui-controls/)
|
||
* [ASP.NET Core Live Demos](https://ej2.syncfusion.com/aspnetcore/)
|