作者lueichun (= =)
看板Web_Design
標題[問題] 如何在JQuery dataTable的列添加刪除鈕
時間Thu Apr 8 17:41:04 2021
我現在有寫了以下的jQuery dataTable code：
<script>
var myTable = $('
#messageTable').DataTable({
"order": [[ 3, "desc" ]],
"columnDefs": [ { type: 'date', 'targets': [3] } ],
"columns" : [ {
"title" : "id",
"data" : "id",
width:'10%'
}, {
"title" : "留言者姓名",
"data" : "name",
width:'20%'
}, {
"title" : "留言",
"data" : "messageStr",
width:'50%'
},{
"title" : "留言日期",
"data" : "addDate",
width:'20%'
} ]
});
</script>
------------------------------------------------------
然後我希望可以針對dataTable的每個row添加刪除鈕 按下刪除鈕即可連到後端servlet
將資料刪除 目前我參考了stackoverflow 還有JQuery dataTable的官網
但是都沒有找到看得懂的資料 全部都看得霧煞煞
請問該怎麼寫才能做到按下按鈕可連到後端servlet 將資料刪除的效果呢？
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.167.40.99 (臺灣)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1617874866.A.80F.html
1F：→ OrzOGC: 你要有個func做這些事吧 後端要有個api讓你用 04/08 18:07
2F：推 vi000246: 想辨法拿到那個row的id , call後端api刪除資料 04/08 19:04
3F：→ cf1064: jquery datatable delete button就有了.... 04/08 21:12
5F：推 KUMAMOTO: 我習慣多加一個 column, columnDefs 裡 render button 04/09 14:01
7F：→ KUMAMOTO: 最後 button 綁好你要的 click event 04/09 14:04
8F：推 ccas: 就加上一個Button，然後裡面自己寫要連api的事情啊 04/11 23:03