@manhng

Welcome to my blog!

jQuery DataTables in ASP.NET Core

July 8, 2020 18:04

jQuery DataTables in ASP.NET Core (edit)

Documentation:

https://datatables.net/examples/index

https://datatables.net/examples/plug-ins/ (Plug-ins)

https://legacy.datatables.net/release-datatables/examples/data_sources/dom.html (Zero configure)

https://legacy.datatables.net/release-datatables/examples/data_sources/ajax.html (Ajax)

https://legacy.datatables.net/release-datatables/examples/data_sources/server_side.html (Server Side Processing)

Plug-ins:

DataTables Editor: https://editor.datatables.net/

DataTables Checkboxes: https://www.gyrocode.com/projects/jquery-datatables-checkboxes/

Editor | Editing for DataTables
https://editor.datatables.net

Inline-Editing

https://editor.datatables.net/examples/inline-editing/submitData.html

https://editor.datatables.net/examples/inline-editing/submitButton.html (with Submit button)

https://editor.datatables.net/examples/simple/inTableControls.html (in Table Controls)

https://editor.datatables.net/examples/extensions/rowReorder.html  (row reordering)

https://editor.datatables.net/examples/advanced/multiItem.html (multi rows editing OR multi columns editing)

Generator

https://editor.datatables.net/generator/index

Column type:

  • Text
  • Number
  • Password
  • Textarea
  • Select
  • Checkbox
  • Radio
  • Date
  • Time
  • DateTime
  • Read only
  • Hidden

jQuery DataTables Checkboxes | Gyrocode.com
https://www.gyrocode.com

Search:

https://github.com/topics/datatables?l=javascript (Search)

https://www.c-sharpcorner.com/article/responsive-gridview-using-datatable-plugin/

https://www.c-sharpcorner.com/uploadfile/mahesh/datatable-in-C-Sharp/ (DataTable in C#)

https://www.c-sharpcorner.com/UploadFile/cd7c2e/bind-data-to-gridview-using-jquery/

https://www.c-sharpcorner.com/article/using-jquery-datatables-grid-with-asp-net-core-mvc/

https://www.c-sharpcorner.com/article/using-datatables-grid-with-asp-net-mvc/

https://www.codeproject.com/Articles/155422/jQuery-DataTables-and-ASP-NET-MVC-Integration-Part

https://www.codeproject.com/Articles/1158785/jQuery-Datatables-Wrapper

Angular

https://www.ngdevelop.tech/best-angular-tables/

Vue.JS

https://madewithvuejs.com/blog/best-vue-js-datatables

Validation

https://stackoverflow.com/questions/49678210/bootstrap-modalajaxjqueryvalidation-net-core-2-0

I don't know why validation didn't work in above method. I have to use jquery-unobtrusive-ajax. You can refer it here https://dotnetthoughts.net/jquery-unobtrusive-ajax-helpers-in-aspnet-core/

Validate Pop Up Modal using Ajax.Beginform tutorial is here https://qawithexperts.com/article/asp.net/validate-pop-up-modal-using-ajaxbeginform-in-c-mvc/52

HTML - Edit Row

https://stackoverflow.com/questions/42491910/jquery-datatables-editing-row

http://plnkr.co/edit/B9fJQwgdLXEqBhrIJI76

PHP

https://makitweb.com/edit-delete-datatables-record-with-ajax-and-php/

ASP.NET MVC 5

https://www.c-sharpcorner.com/article/dashboard-application-with-asp-net-mvc-5-and-jquery/

Tham khảo thêm

Angular 6+ masonry grid with CSS 3 animations on scroll

https://github.com/Shailu4u/ng-masonry-grid

https://ng-masonry-grid.stackblitz.io/ (Demo)

Angular-DataTables – Angular Version of jQuery Datatable

https://www.js-tutorials.com/angularjs-tutorial/best-free-angularjs-grid-table-plugin-examples/

AngularJS Backend Solution: ng-grid with a Simple REST API

https://www.codeproject.com/articles/822252/angularjs-backend-solution-ng-grid-with-a-simple-r

Angular UI Grid Table Tutorial With Example

https://www.pakainfo.com/angular-ui-grid-table-tutorial-example/

How to Make AngularJS UI-Grid Editable

https://www.encodedna.com/angularjs/tutorial/how-to-make-angularjs-ui-grid-editable.htm

The Best JavaScript Grid in the World

https://www.ag-grid.com/

https://www.ag-grid.com/example.php

https://www.ag-grid.com/angular-grid/

https://medium.com/ag-grid/get-started-with-angular-grid-in-5-minutes-83bbb14fac93

Generic UI Grid – Data Tables component for Angular

https://generic-ui.com/

A data grid for AngularJS

http://ui-grid.info/

Native AngularJS implementation, no jQuery

http://ui-grid.info/docs/#!/api

Categories