ios - 我正在尝试创建层次结构 View 。单击每个人后, View 应展开和收缩

标签 ios swift uitableview uicollectionview expandable

enter image description here
单击每个人时,该人的下属列表应显示在底部。整个列表是动态的。

{
        "EmployeeId": "1",
        "Name": "John",
        "Position": "HR",
        "Image": "",
        "SubordinateCount": 6,
        "Subordinates": [
            {
                "EmployeeId": "2",
                "Name": "Sub john 1",
                "Position": "Manager",
                "Image": "",
                "SubordinateCount": 1,
                "Subordinates": [
                    {
                        "EmployeeId": "3",
                        "Name": "Joseph",
                        "Position": "Admin",
                        "Image": "",
                        "SubordinateCount": 1,
                        "Subordinates": [
                            {
                                "EmployeeId": "4",
                                "Name": "Raj",
                                "Position": "Software Developer",
                                "Image": "",
                                "SubordinateCount": 0,
                                "Subordinates": []
                            }
                        ]
                    }
                ]
            },
            {
                "EmployeeId": "5",
                "Name": "Rahul",
                "Position": "ERP Consultant",
                "Image": "",
                "SubordinateCount": 16,
                "Subordinates": [
                    {
                        "EmployeeId": "6",
                        "Name": "Fam",
                        "Position": "QA",
                        "Image": null,
                        "SubordinateCount": 0,
                        "Subordinates": []
                    },
                    {
                        "EmployeeId": "7",
                        "Name": "Salman A Q",
                        "Position": "Software Developer",
                        "Image": null,
                        "SubordinateCount": 0,
                        "Subordinates": []
                    },
                    {
                        "EmployeeId": "8",
                        "Name": "Mac",
                        "Position": "Software Developer",
                        "Image": null,
                        "SubordinateCount": 0,
                        "Subordinates": []
                    },
                    {
                        "EmployeeId": "9",
                        "Name": "Mathew",
                        "Position": "QA",
                        "Image": null,
                        "SubordinateCount": 0,
                        "Subordinates": []
                    },
                    {
                        "EmployeeId": "10",
                        "Name": "Kim",
                        "Position": "QA",
                        "Image": null,
                        "SubordinateCount": 0,
                        "Subordinates": []
                    },
                    {
                        "EmployeeId": "11",
                        "Name": "Loren",
                        "Position": "Software Developer",
                        "Image": "",
                        "SubordinateCount": 0,
                        "Subordinates": []
                    },
                    {
                        "EmployeeId": "12",
                        "Name": "Adam",
                        "Position": "QA",
                        "Image": null,
                        "SubordinateCount": 0,
                        "Subordinates": []
                    },
                    {
                        "EmployeeId": "13",
                        "Name": "Meera",
                        "Position": "QA",
                        "Image": null,
                        "SubordinateCount": 0,
                        "Subordinates": []
                    },
                    {
                        "EmployeeId": "14",
                        "Name": "MMM",
                        "Position": "QA",
                        "Image": null,
                        "SubordinateCount": 0,
                        "Subordinates": []
                    },
                    {
                        "EmployeeId": "15",
                        "Name": "Master",
                        "Position": "QA",
                        "Image": null,
                        "SubordinateCount": 0,
                        "Subordinates": []
                    },
                    {
                        "EmployeeId": "16",
                        "Name": "Michael",
                        "Position": "QA",
                        "Image": null,
                        "SubordinateCount": 0,
                        "Subordinates": []
                    },
                    {
                        "EmployeeId": "17",
                        "Name": "George",
                        "Position": "Consultant",
                        "Image": null,
                        "SubordinateCount": 0,
                        "Subordinates": []
                    },
                    {
                        "EmployeeId": "18",
                        "Name": "Ahmedu A F",
                        "Position": "QA",
                        "Image": null,
                        "SubordinateCount": 0,
                        "Subordinates": []
                    },
                    {
                        "EmployeeId": "19",
                        "Name": "KKKK",
                        "Position": "QA",
                        "Image": null,
                        "SubordinateCount": 0,
                        "Subordinates": []
                    },
                    {
                        "EmployeeId": "20",
                        "Name": "xxx",
                        "Position": "QA",
                        "Image": null,
                        "SubordinateCount": 0,
                        "Subordinates": []
                    },
                    {
                        "EmployeeId": "21",
                        "Name": "DK",
                        "Position": "QA",
                        "Image": null,
                        "SubordinateCount": 0,
                        "Subordinates": []
                    }
                ]
            },
            {
                "EmployeeId": "22",
                "Name": "HHHH",
                "Position": "Engineer",
                "Image": "",
                "SubordinateCount": 1,
                "Subordinates": [
                    {
                        "EmployeeId": "23",
                        "Name": "Ar",
                        "Position": "Technical",
                        "Image": "",
                        "SubordinateCount": 0,
                        "Subordinates": []
                    }
                ]
            },
            {
                "EmployeeId": "24",
                "Name": "Sun",
                "Position": "Software Developer",
                "Image": null,
                "SubordinateCount": 1,
                "Subordinates": [
                    {
                        "EmployeeId": "25",
                        "Name": "AAAA",
                        "Position": null,
                        "Image": null,
                        "SubordinateCount": 0,
                        "Subordinates": []
                    }
                ]
            },
            {
                "EmployeeId": "26",
                "Name": "CCCC",
                "Position": "Consultant",
                "Image": null,
                "SubordinateCount": 0,
                "Subordinates": []
            },
            {
                "EmployeeId": "27",
                "Name": "Jaaaa",
                "Position": "Software Developer",
                "Image": null,
                "SubordinateCount": 2,
                "Subordinates": [
                    {
                        "EmployeeId": "28",
                        "Name": "Jay",
                        "Position": "Ssssss",
                        "Image": null,
                        "SubordinateCount": 0,
                        "Subordinates": []
                    },
                    {
                        "EmployeeId": "29",
                        "Name": "NNNN",
                        "Position": "Sssss",
                        "Image": null,
                        "SubordinateCount": 1,
                        "Subordinates": [
                            {
                                "EmployeeId": "30",
                                "Name": "Jo",
                                "Position": "Engineer",
                                "Image": null,
                                "SubordinateCount": 0,
                                "Subordinates": []
                            }
                        ]
                    }
                ]
            }
        ]
    }
这是要使用的json。我已经尝试在表格 View 中使用 Collection View 。但是当我尝试删除一行时,当用户移动到顶部并单击一个新人时失败了。我已经看到许多库显示 TableView 的树结构。但我认为不能在这里使用。
这是我到目前为止所尝试的。
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return selectedIndexes.count + 1
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        
        var bottomCell : SubordinatesTableViewCell! = self.Extableview.dequeueReusableCell(withIdentifier: "SubordinatesTableViewCell") as? SubordinatesTableViewCell
        if bottomCell == nil {
            let nib:Array = Bundle.main.loadNibNamed("SubordinatesTableViewCell", owner: self, options: nil)!
            bottomCell = nib[0] as? SubordinatesTableViewCell
        }
            bottomCell.empLevel = indexPath.row
            bottomCell.delegate = self
            bottomCell.subordinateDetails = self.subordinatesList
        return bottomCell
}

extension CurrentVC : SubordinateCellDelegate {
    func employeeClicked(row: Int?, index: Int?) {
        self.subordinatesList = self.heirarchy?.subordinates
        self.currentHeirarchyLevel = row! + 1
        if self.Extableview.numberOfRows(inSection: 0) > row! + 1 {
            var newIndexes = [Int]()
            if row! == 0 {
                self.selectedIndexes.removeAll()
                self.selectedIndexes.append(index!)
            }else {
            for i in 0..<(row! + 1) {
                newIndexes.append(selectedIndexes[i])
            }
            self.selectedIndexes = newIndexes
            self.selectedIndexes.append(index!)
            }
            for i in 0..<row! + 1 {
                self.subordinatesList = self.subordinatesList?[self.selectedIndexes[i]].subordinates
                print(subordinatesList)
                
            }
            if subordinatesList?.count ?? 0 > 0  {
                self.Extableview.reloadRows(at: [IndexPath(row: self.currentHeirarchyLevel, section: 0)], with: .fade)
            }else {
                for i in 0..<self.Extableview.numberOfRows(inSection: 0) {
                    if i > row! {
                    self.Extableview.beginUpdates()
                    self.Extableview.deleteRows(at: [IndexPath(row: 1, section: 0)], with: .fade)
                    }
                }
                self.numOfsections = row! + 1
                self.Extableview.endUpdates()
            }
        }else {
            self.selectedIndexes.append(index!)
            for i in 0..<row! + 1 {
                self.subordinatesList = self.subordinatesList?[self.selectedIndexes[i]].subordinates
                
            }
        if self.subordinatesList?.count ?? 0 > 0 {
        self.Extableview.beginUpdates()
            self.numOfsections = row! + 2
            self.Extableview.insertRows(at: [IndexPath(row: row! + 1, section: 0)], with: .none)
        self.Extableview.endUpdates()
        }else {
            for i in 0..<self.Extableview.numberOfRows(inSection: 0) {
                if i > row! {
                self.Extableview.beginUpdates()
                    self.numOfsections = row! + 1
                self.Extableview.deleteRows(at: [IndexPath(row: 1, section: 0)], with: .fade)
                }
            }
            self.Extableview.endUpdates()
        }
        }
    }
}

最佳答案

声明4个变量,

var heirarchy : Subordinates?
var numOfRows = 0
var subordinatesList : [Subordinates]?
var subList = [[Subordinates]?]()
一旦你得到 json 响应,
self.numOfRows += 1
self.subordinatesList?.append(self.heirarchy!)
self.subList.append([self.heirarchy!])
为 Collection View 项目单击创建委托(delegate)函数,如下所示。
func employeeClicked(row: Int?, index: Int?, subordinates: [Subordinates]?) {

    if (subordinates?.count ?? 0) > 0 {
    self.subordinatesList = subordinates
    if numOfRows > row! + 2 {
        self.tableView.beginUpdates()
        for i in (row! + 1)..<tableView.numberOfRows(inSection: 0) {
            self.tableView.deleteRows(at: [IndexPath(row: i, section: 0)], with: .fade)
            self.numOfRows = numOfRows - 1
            self.subList.removeLast()
            
        }
        self.subList.append(self.subordinatesList)
        self.numOfRows = row! + 2
        self.tableView.insertRows(at: [IndexPath(row: row! + 1, section: 0)], with: .fade)
        self.tableView.endUpdates()
    }
    else if numOfRows == row! + 2 {
        self.subList[row! + 1] = self.subordinatesList
        self.tableView.reloadRows(at: [IndexPath(row: row! + 1, section: 0)], with: .fade)
    }else {
        self.subList.append(self.subordinatesList)
    self.numOfRows = row! + 2
    self.tableView.insertRows(at: [IndexPath(row: row! + 1, section: 0)], with: .fade)
    }
    }else {
        if numOfRows > row! + 1 {
            self.tableView.beginUpdates()
            for i in (row! + 1)..<tableView.numberOfRows(inSection: 0) {
                self.tableView.deleteRows(at: [IndexPath(row: i, section: 0)], with: .fade)
                self.numOfRows = numOfRows - 1
                self.subList.removeLast()
                
            }
            self.tableView.endUpdates()
        }
    }
    self.tableView.scrollToBottom()
}
}
在 tableview 单元格中,行委托(delegate)使用子列表数组的值。
希望这可以帮助你。我检查了代码,它对我来说工作正常。

关于ios - 我正在尝试创建层次结构 View 。单击每个人后, View 应展开和收缩,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65912688/

相关文章:

ios - AVPictureInPictureController - 自定义 PopOver 不显示

xcode - 获取奇怪的调试器消息 : Assertion failed: (cls), 函数 getName : what is this?

ios - 为什么不保留 __block 变量(在非 ARC 环境中)?

ios - .scn 模型中的多个节点导致 iMessage 扩展崩溃

ios - 如何允许生成的 Sprite 与世界其他部分发生碰撞?

ios - AVPlayerLayer 仅在边界更改时正确设置

ios - 向 UITableViewController 内的表格 View 添加左右边距

Ios- Ipad- UicollectionViewCell- 单元格上的图标- 如何在 xcode 5 中向图标添加点击手势?

ios - 为什么这些数据没有显示在我的 Swift 3 表中

ios - 解析 View Controller 之间的 JSON 数据