燒腦的JQuery.DataTable ajax 功能，記錄一下。
前端框架群魔亂舞的年代，為了寫個小網頁還是用用JQuery就好~
建立個ASP.NET MVC專案
使用 工具=>Nuget 套件管理員 => 下載JQuery.dataTables
下載完後，先修改App_Start / BundleConfig.cs
注意StyleBundle的虛擬路徑不要和實體路徑一樣( 踩到自己都不知道發生甚麼事)
後端的寫個HttpPost 來實作 Ajax
_layout.cshtml 引用已經建好的bundle路徑
前端建立個table和button
DataTable JavaScript部分 (兩種寫法)
destroy 用來避免JQuery DataTable reinitialized 情況
使用dataTable的ajax功能Load data ajax 將資料取回,bind到table上
結果如下
source code : https://github.com/Askerer/JqDt.git
沒有留言:
張貼留言