Angular 6 Custom Grid With ASP.NET MVC Web API
“Angular 6 Custom Grid With ASP.NET MVC Web API” is a totally customized dynamic grid, thumbnail and swmi thumbnail grid and far more capabilities.
For Demo Login : Username : admin & Password : admin
New Features
- Upgraded Angular 6 to angular 7
- Added Export to Excel/Csv/PDF Functionality
Features
- Angular 6+ Support
- Integrated with ASP.NET MVC
- ASP.NET Web API used for knowledge fetching
- Webpack AOT Bundling
- Fully responsive design
- 16 Multi Languages Support
- 9 completely different samples of grid
- Dynamic Google charts and Chart JS
- Login Functionality
- Change Password Functionality
- Custom Responsive bootstrap mannequin popup
- Datepicker
- Thumbnail view and Semi Thumbnail view
- Animation impact on thumbnail
- Multiple grid in single web page
- Grid Common Search
- Grid Sorting
- Custom Multiple filters as like as telerik grid and datatables for each column kind like Datepicker for Date column, Textbox for string column, Checkbox for boolean column and extra..
- Filter menu column kind sensible
- Column Chooser
- Checkbox column for choose single or a number of row
- Add operate
- Edit/Update operate
- Edit row on double click on
- Delete operate
- Validation for required, e-mail and quantity
- Custom notification message
- Tooltip
- Few line code for frequent grid
- and plenty of extra…
Small Code for Disaply Grid
<commongrid *ngIf="allItems.size > 0" [records]="allItems" [gridfilter]="gridFilter" [SearchText]="txtSearch"
[pagesize]="10" (change)="web pageChanged($occasion)" [PagingType]="'nextprevnumber'">
</commongrid>
Version History
27-August-2019 - model 1.1 - Upgraded Angular 6 to angular 7 - Added Export to Excel/Csv/PDF Functionality - another minor adjustments associated to grid
03-August-2017 - model 1.0 - Initial Version
