我們在做table表格中一般都會遇到給table表格加上復選框的,復選框反選是很容易解決的
對於復選框的操作,舉例來說我們我們在角色管理頁面需要可以配置用戶,如果你只實現
了反選,但是只讓數據按照查出來的順序排列,我們想看看都有誰有這個角色都很難找,
所以這個時候需要我們把有這個用戶給提到最前面
先說思路,數據源為兩個,分別為配置源和角色源,配置源中userId和角色源id關聯
我們把數據源獲取到后,先把角色源的id通過map函數取出來,然后遍歷配置源,判斷兩
個的id和userId是否相等,如果相等就先刪除然后再把它給提到前面,可以先存臨時存一
下數據再刪除,然后使用unshift函數把臨時存的數據給角色源
$.post('//?RoleId=' + _this.roleId, res => { res.data.forEach(e => { var userIdList = []; RoleManage.tableUserAllData.map(A => { userIdList.push(A.ID); }) var index = userIdList.indexOf(e.UserId); var LIST = RoleManage.tableUserAllData[index]; if (RoleManage.tableUserAllData[index].ID === e.UserId) { RoleManage.tableUserAllData.splice(index, 1); RoleManage.tableUserAllData.unshift(LIST); } }) RoleManage.tableUserData = JSON.parse(JSON.stringify(RoleManage.tableUserAllData)); res.data.forEach(e => { RoleManage.checkUserValue[e.UserId] = true; }); } );