Bootstrap Table 刪除和批量刪除
一條記錄可以看做一條數(shù)據(jù)的數(shù)組
1 Html
1.1 批量選擇框
1.2 單個刪除
2 bootStarp
2.1 批量獲得
獲得選擇的數(shù)據(jù)
//批量刪除 function deleteUserList() { //獲取所有被選中的記錄 var rows = $("#user").bootstrapTable('getSelections'); if (rows.length== 0) { alert("請先選擇要刪除的記錄!"); return; } var ids = ''; for (var i = 0; i < rows.length; i++) { ids += rows[i]['id'] + ","; } ids = ids.substring(0, ids.length - 1); deleteUser(ids); }
2.2 單個獲得
//單個刪除 function deleteUserById(id) { deleteUser(id); }
2.3 公共操作
//刪除 function deleteUser(ids) { var msg = "您真的確定要刪除嗎?"; if (confirm(msg) == true) { $.ajax({ url: "${path}/user/deleteUserList.do", type: "post", data: { ids: ids }, success: function (data) { alert(data.msg); //重新加載記錄 //重新加載數(shù)據(jù) $("#user").bootstrapTable('refresh', {url: '/user/getUserList.do'}); } }); } }
3 Java
3.1 Controller
3.2 Service
public long deleteUserList(String ids) { String[] ss = ids.split(","); long count= 0; for (Strings : ss) { userResourceExtend.deleteUser(Integer.parseInt(s)); count++; } return count; }
3.3 dao
總結(jié)
以上所述是小編給大家介紹的Bootstrap Table 刪除和批量刪除,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
如何基于JS實(shí)現(xiàn)Ajax并發(fā)請求的控制詳解
通常為了減少頁面加載時間,先把核心內(nèi)容顯示處理,頁面加載完成后再發(fā)送ajax請求獲取其他數(shù)據(jù),這時就可能產(chǎn)生多個ajax請求,為了用戶體驗(yàn),最好是發(fā)送并行請求,這篇文章主要給大家介紹了關(guān)于如何基于JS實(shí)現(xiàn)Ajax并發(fā)請求控制的相關(guān)文章,需要的朋友可以參考下2021-08-08JavaScript提高網(wǎng)站性能優(yōu)化的建議(二)
這篇文章主要介紹了JavaScript提高網(wǎng)站性能優(yōu)化的建議(二)的相關(guān)資料,需要的朋友可以參考下2016-07-07bootstrap switch開關(guān)組件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了bootstrap switch開關(guān)組件的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08實(shí)例學(xué)習(xí)Javascript之構(gòu)建方法、屬性
實(shí)例學(xué)習(xí)Javascript之構(gòu)建方法、屬性...2007-03-03微信小程序?qū)崿F(xiàn)長按 識別圖片二維碼(兩種方案)
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)長按 識別圖片二維碼(兩種方案),第一種方案只需要在image里面加一個屬性就可以了,本文結(jié)合實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-01-01JS生態(tài)系統(tǒng)加速eslint解析器使用實(shí)例探索
這篇文章主要為大家介紹了JS生態(tài)系統(tǒng)加速之eslint解析器使用實(shí)例探索,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2024-01-01