[問題] 如何在JQuery dataTable的列添加刪除鈕

看板Web_Design作者 (= =)時間3年前 (2021/04/08 17:41), 編輯推噓3(305)
留言8則, 5人參與, 3年前最新討論串1/1
我現在有寫了以下的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://www.ptt.cc/bbs/Web_Design/M.1617874866.A.80F.html

04/08 18:07, 3年前 , 1F
你要有個func做這些事吧 後端要有個api讓你用
04/08 18:07, 1F

04/08 19:04, 3年前 , 2F
想辨法拿到那個row的id , call後端api刪除資料
04/08 19:04, 2F

04/08 21:12, 3年前 , 3F
jquery datatable delete button就有了....
04/08 21:12, 3F

04/08 21:12, 3年前 , 4F

04/09 14:01, 3年前 , 5F
我習慣多加一個 column, columnDefs 裡 render button
04/09 14:01, 5F

04/09 14:02, 3年前 , 6F

04/09 14:04, 3年前 , 7F
最後 button 綁好你要的 click event
04/09 14:04, 7F

04/11 23:03, 3年前 , 8F
就加上一個Button,然後裡面自己寫要連api的事情啊
04/11 23:03, 8F
文章代碼(AID): #1WRi-oWF (Web_Design)
文章代碼(AID): #1WRi-oWF (Web_Design)