An open API service indexing awesome lists of open source software.

https://github.com/jqwidgets/grid.aspnetcore.mvc

Grid User Interface component for ASP.NET Core MVC
https://github.com/jqwidgets/grid.aspnetcore.mvc

Last synced: about 1 year ago
JSON representation

Grid User Interface component for ASP.NET Core MVC

Awesome Lists containing this project

README

          

# ASP .NET Core MVC Grid Tag Helper

## Introduction

Grid tag helper represents a powerful Datagrid UI tag helper. It offers rich functionality, easy to use APIs and works across devices and browsers. The grid component delivers advanced data visualization features and built-in support for server-side paging, editing, sorting and filtering.

## Highlights

- Works across devices and browsers
- Web Standards Compliant
- Rich and easy to use JavaScript API
- Optimized for Performance
- Easy customization and built-in themes
- Localization
-
## Features

- Data Binding
- Outlook-Style Grouping
- Sorting
- Filtering
- Paging
- Editing and Validation
- Nested Grids
- Row Details
- Localization
- Column Types
- Columns Resizing
- Columns Reorder
- Columns Hierarchy
- Pinned Columns
- Foreign Columns
- Cells Formatting
- Custom Cells Rendering
- Custom Cell Editors
- Rows and Cells Selection
- Aggregates
- Export to Excel, XML, HTML, CSV, TSV, PDF and JSON
- Printing
- Keyboard Navigation
- State Maitenance

## Grid Demos

[ASP .NET Core MVC Tag Helpers Demos page](http://www.jqwidgets.com/asp.net-core-mvc-tag-helpers/asp.net-core-mvc-grid-tag-helper/index.htm).

## Setup and Installation

### 1. Create a new ASP .NET Core Web Application
![alt text](http://aspcore.jqwidgets.com/bootstrap/tag-helpers/images/aspnetcore-net-project.png "Tag Helpers 1")

![alt text](http://aspcore.jqwidgets.com/bootstrap/tag-helpers/images/aspnetcore-webapplication.png "Tag Helpers 2")

### 2. Reference the Tag Helpers

Install the Tag Helper's Nuget package from https://www.nuget.org/packages/Grid.AspNetCore.Mvc/

### 3. Update _ViewImports.cshtml

```
@using jQWidgets.AspNetCore.Mvc.TagHelpers
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@addTagHelper *, jQWidgets.AspNetCore.Mvc.TagHelpers
@inject Microsoft.ApplicationInsights.Extensibility.TelemetryConfiguration TelemetryConfiguration
```

### 4. Build the Solution

Click Build in the top menu bar of Visual Studio, then click Build Solution to Build the solution

### 5. Add a Tag Helper to a Page

We can now add a Tag Helper to one of the views (pages).
For example, we will add the Tag Helper to Views\Home\About.cshtml.
While typing, IntelliSense suggest the existing Tag Helpers:

```html
@model IEnumerable
@{
ViewData["Title"] = "ASP .NET MVC Grid Example";
}

@model IEnumerable

@{
ViewData["Title"] = "ASP .NET MVC Grid Example";
}












```

## License

Free for non-commercial purposes. For commercial usage, please visit http://www.jqwidgets.com/license/.

## Any questions, comments or additions?

If you have a feature request or bug report, leave an issue on the issues page or send a pull request. For general questions and comments, use the http://www.jqwidgets.com/community/forum/asp-net-mvc/ forum.