js table表格中中復選框多選反選(已選中的排最前面)


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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM