如何根据课程PickerView的选择更新章节PickerView数据？

这个问题我之前也碰到过，核心原因就是章节PickerView的UI没有随着数据源的更新触发刷新。咱们一步步来解决：

1. 先理清楚核心逻辑 #

你需要维护两个关键数据源：

• 一个存储所有课程的数组（比如courses）
• 一个存储当前选中课程对应章节的数组（比如currentChapters）

当课程Picker选中某门课后，你要：

• 匹配到对应课程的章节数据（不管是本地筛选还是异步请求JSON）
• 更新currentChapters数组
• 强制刷新章节PickerView的UI

2. 完整代码示例（含注释） #

先定义数据模型（根据你的JSON结构调整） #

// 课程模型
struct Course: Codable {
    let id: String
    let name: String
}

// 章节模型
struct Chapter: Codable {
    let courseId: String // 和课程ID关联
    let name: String
}

视图控制器里的核心代码 #

class YourViewController: UIViewController {
    // PickerView实例
    let coursesPicker = UIPickerView()
    let chaptersPicker = UIPickerView()
    
    // 数据源
    var courses: [Course] = []
    var currentChapters: [Chapter] = []
    var allChapters: [Chapter] = [] // 存储所有章节（如果是本地JSON的话）

    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 设置代理和数据源
        coursesPicker.delegate = self
        coursesPicker.dataSource = self
        chaptersPicker.delegate = self
        chaptersPicker.dataSource = self
        
        // 这里替换成你加载JSON数据的逻辑
        loadCourseAndChapterDataFromJSON()
    }
    
    // 加载本地JSON数据的示例方法
    func loadCourseAndChapterDataFromJSON() {
        // 假设你已经把JSON解析成courses和allChapters数组
        // 初始化时默认加载第一个课程的章节
        if let firstCourse = courses.first {
            currentChapters = allChapters.filter { $0.courseId == firstCourse.id }
        }
    }
}

// 实现PickerView的代理和数据源
extension YourViewController: UIPickerViewDataSource, UIPickerViewDelegate {
    // 组件数量（都是单列）
    func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return 1
    }
    
    // 行数
    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        return pickerView == coursesPicker ? courses.count : currentChapters.count
    }
    
    // 每行标题
    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
        if pickerView == coursesPicker {
            return courses[row].name
        } else {
            return currentChapters[row].name
        }
    }
    
    // 关键：课程选中后的处理
    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
        guard pickerView == coursesPicker else { return }
        
        // 获取选中课程的ID
        let selectedCourseId = courses[row].id
        
        // 方案1：本地筛选章节（如果所有章节已提前加载）
        currentChapters = allChapters.filter { $0.courseId == selectedCourseId }
        
        // 方案2：异步请求对应课程的章节（如果章节是实时从接口获取）
        // fetchChaptersFromAPI(courseId: selectedCourseId)
        
        // ！！！必须调用这句刷新章节PickerView
        chaptersPicker.reloadAllComponents()
        
        // 可选：默认选中第一个章节
        chaptersPicker.selectRow(0, inComponent: 0, animated: true)
    }
    
    // 异步请求章节的示例方法
    func fetchChaptersFromAPI(courseId: String) {
        // 替换成你的接口请求逻辑
        let url = URL(string: "你的章节接口地址?courseId=\(courseId)")!
        URLSession.shared.dataTask(with: url) { [weak self] data, _, error in
            guard let data = data, error == nil else { return }
            
            do {
                let chapters = try JSONDecoder().decode([Chapter].self, from: data)
                // UI更新必须在主线程
                DispatchQueue.main.async {
                    self?.currentChapters = chapters
                    self?.chaptersPicker.reloadAllComponents()
                }
            } catch {
                print("章节解析失败：\(error)")
            }
        }.resume()
    }
}

3. 你大概率漏掉的关键步骤 #

在切换课程后，一定要调用chaptersPicker.reloadAllComponents()——这是触发PickerView重新读取数据源并刷新UI的核心方法。如果没有这一步，哪怕currentChapters数组已经更新，PickerView也会一直显示旧数据。

4. 调试小技巧 #

如果还是有问题，可以在didSelectRow方法里加一句print(currentChapters)，看看切换课程后章节数组是否真的更新了：

• 如果数组内容正确但UI没更，就是没调用reload方法
• 如果数组内容不对，那就是章节匹配/接口请求的逻辑有问题

内容的提问来源于stack exchange，提问作者Behroz Khan