如何允许编辑由 RxDataSources 支持的 table 视图?
How to allow editing of a table view backed by RxDataSources?
我正在构建一个由 RxDataSources 支持的 table 视图。我想为此 table 视图启用编辑功能,以便用户可以删除项目。
我目前有这个代码:
var strings = [String]() {
didSet {
observable.accept(strings)
}
}
let observable = BehaviorRelay(value: [String]())
let disposeBag = DisposeBag()
override func viewDidLoad() {
tableView.dataSource = nil
let dataSource = RxTableViewSectionedAnimatedDataSource<StringSection>(configureCell: {
(dataSource, collectionView, indexPath, string) -> UITableViewCell in
let cell = collectionView.dequeueReusableCell(withIdentifier: "cell", for: indexPath)
cell.textLabel?.text = string
return cell
})
observable.asObservable()
.map {
[StringSection(items: [=11=])]
}
.bind(to: self.tableView.rx.items(dataSource: dataSource))
.disposed(by: disposeBag)
// X
strings = ["Item 1", "Item 2", "Item 3"]
}
为了制作这个 editable,我在标记为 X 的地方添加了它:
tableView.rx.itemDeleted
.subscribe(onNext: { _ = self.strings.remove(at: [=12=].row) })
.disposed(by: disposeBag)
navigationItem.rightBarButtonItem = editButtonItem
并且还覆盖了这个方法:
override func tableView(_ tableView: UITableView, editingStyleForRowAt indexPath: IndexPath) -> UITableViewCell.EditingStyle {
return .delete
}
但是,当我按下编辑按钮时,table 视图单元格没有任何变化。我在左侧看不到红色的“-”按钮。我也无法向左滑动单元格以显示删除按钮。
我还需要做什么才能启用编辑?
我认为您的项目中某处已将 UITableView
设置为 editing
模式。
在 Github 中的片段代码之后,允许像这样在 UITableView
中进行编辑:
extension EditingExampleViewController {
static func dataSource() -> RxTableViewSectionedAnimatedDataSource<NumberSection> {
return RxTableViewSectionedAnimatedDataSource(
animationConfiguration: AnimationConfiguration(insertAnimation: .top,
reloadAnimation: .fade,
deleteAnimation: .left),
configureCell: { (dataSource, table, idxPath, item) in
let cell = table.dequeueReusableCell(withIdentifier: "Cell", for: idxPath)
cell.textLabel?.text = "\(item)"
return cell
},
titleForHeaderInSection: { (ds, section) -> String? in
return ds[section].header
},
canEditRowAtIndexPath: { _, _ in
return true
},
canMoveRowAtIndexPath: { _, _ in
return true
}
)
}
}
我在editing
模式下设置UITableView
为false
,我可以向左滑动删除单元格
我正在构建一个由 RxDataSources 支持的 table 视图。我想为此 table 视图启用编辑功能,以便用户可以删除项目。
我目前有这个代码:
var strings = [String]() {
didSet {
observable.accept(strings)
}
}
let observable = BehaviorRelay(value: [String]())
let disposeBag = DisposeBag()
override func viewDidLoad() {
tableView.dataSource = nil
let dataSource = RxTableViewSectionedAnimatedDataSource<StringSection>(configureCell: {
(dataSource, collectionView, indexPath, string) -> UITableViewCell in
let cell = collectionView.dequeueReusableCell(withIdentifier: "cell", for: indexPath)
cell.textLabel?.text = string
return cell
})
observable.asObservable()
.map {
[StringSection(items: [=11=])]
}
.bind(to: self.tableView.rx.items(dataSource: dataSource))
.disposed(by: disposeBag)
// X
strings = ["Item 1", "Item 2", "Item 3"]
}
为了制作这个 editable,我在标记为 X 的地方添加了它:
tableView.rx.itemDeleted
.subscribe(onNext: { _ = self.strings.remove(at: [=12=].row) })
.disposed(by: disposeBag)
navigationItem.rightBarButtonItem = editButtonItem
并且还覆盖了这个方法:
override func tableView(_ tableView: UITableView, editingStyleForRowAt indexPath: IndexPath) -> UITableViewCell.EditingStyle {
return .delete
}
但是,当我按下编辑按钮时,table 视图单元格没有任何变化。我在左侧看不到红色的“-”按钮。我也无法向左滑动单元格以显示删除按钮。
我还需要做什么才能启用编辑?
我认为您的项目中某处已将 UITableView
设置为 editing
模式。
在 Github 中的片段代码之后,允许像这样在 UITableView
中进行编辑:
extension EditingExampleViewController {
static func dataSource() -> RxTableViewSectionedAnimatedDataSource<NumberSection> {
return RxTableViewSectionedAnimatedDataSource(
animationConfiguration: AnimationConfiguration(insertAnimation: .top,
reloadAnimation: .fade,
deleteAnimation: .left),
configureCell: { (dataSource, table, idxPath, item) in
let cell = table.dequeueReusableCell(withIdentifier: "Cell", for: idxPath)
cell.textLabel?.text = "\(item)"
return cell
},
titleForHeaderInSection: { (ds, section) -> String? in
return ds[section].header
},
canEditRowAtIndexPath: { _, _ in
return true
},
canMoveRowAtIndexPath: { _, _ in
return true
}
)
}
}
我在editing
模式下设置UITableView
为false
,我可以向左滑动删除单元格