简介
最近在做一些复杂的表单提交界面，由于 TableView 的复用问题，有了很多的坑，在此做一些记录
入坑前
你的页面可能是这个样子的，很常规的，左边名称，右边输入相关的内容。然后你输入了相关的内容，上下滑动页面，然后再划回去。textField 可能清理掉了你输入的值
表单
摆出问题
- 自动填充textField
你可能需要从某个 VC 或者网络接口请求数据，然后自动填充到相关的输入框中，你的 tableView 因为 cell 的复用，导致你修改了自动填充的内容，当你上下滑动表格的时候，它又恢复到了没有修改之前的值。那么你去提交表单的时候，你需要遍历这个表的每一个 textField,然后去取出相应的内容。接下来包成一个 JSON,传给后台
自动填充的一些想法
- 自动填充 textField
界面加载完成后，传统的 MVC 中我们有个 model 来提供数据 。然后通知 UITableView 进行reloadData,接着调用这个万恶的函数，恰恰就是这个函数让 cell 在复用的过程中，没能正确的显示自动填充的内容。dequeueReusableCellWithIdentifier这个万恶的单元格复用。
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
TableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];
//do something
}
如果你不使用同一个identifier，那么 tableView 会注册更多的 identifier,可以避免这个问题，但是再次的创建 cell 是需要时间和空间的，如果你的输入框越来越多，难道还要创建越来越多的 cell 么
自动填充的实现思路
我的想法是在 textField 输入和 textField 的显示中间，添加 model 作为数据的代理，具体的分为三个部分
- 监听 textField 的输入，然后通知 model
- 更新 model
- reloadData
具体的分为 cell 和 vc 两个部分 ，
cell.h
@class cellModel;
typedef void(^reloadOperation)(void);
@interface TableViewCell : UITableViewCell
//更新cell 数据，并且在 field 的内容完成输入的时候，通知 VC
- (void)updateWithModel:(cellModel *)model FinishLoad:(reloadOperation)reload;
cell.m
#import "TableViewCell.h"
#import "cellModel.h"
typedef void(^endEditing) (NSString *text);
@interface TableViewCell ()<UITextFieldDelegate>
@property (weak, nonatomic) IBOutlet UILabel *name;
@property (weak, nonatomic) IBOutlet UITextField *field;
@property (copy, nonatomic) endEditing endEditing;
@end
@implementation TableViewCell
-(void)updateWithModel:(cellModel *)model FinishLoad:(reloadOperation)reload{
self.name.text = model.name;
self.field.text = model.url;
self.field.delegate = self;
self.endEditing = ^(NSString *text) {
//在输入结束的回调中，更新 model 的相关输入
model.url = text;
//通知 VC 需要进行数据的刷新了
reload();
};
}
//在输入完成的时候，通知 cell 完成了 field 的输入
-(void)textFieldDidEndEditing:(UITextField *)textField{
self.endEditing(textField.text);
}
vc.m
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
TableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];
cellModel *model = self.dataArray[indexPath.row];
[cell updateWithModel:model FinishLoad:^{
NSLog(@"model.text is %@",model.url);
//回调 刷新数据
[tableView reloadRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationNone];
}];
return cell;
}
总结
tableView 作为一个 iOS 中最常用的控件，还是不希望大家在重用 cell 的时候创建那么多的 identifier。
