我們在做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;
});
}
);
