简介

最近在做一些复杂的表单提交界面，由于 TableView 的复用问题，有了很多的坑，在此做一些记录

入坑前

你的页面可能是这个样子的，很常规的，左边名称，右边输入相关的内容。然后你输入了相关的内容，上下滑动页面，然后再划回去。textField 可能清理掉了你输入的值

表单

摆出问题

1. 自动填充textField
   你可能需要从某个 VC 或者网络接口请求数据，然后自动填充到相关的输入框中，你的 tableView 因为 cell 的复用，导致你修改了自动填充的内容，当你上下滑动表格的时候，它又恢复到了没有修改之前的值。那么你去提交表单的时候，你需要遍历这个表的每一个 textField,然后去取出相应的内容。接下来包成一个 JSON,传给后台

自动填充的一些想法

1. 自动填充 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 作为数据的代理，具体的分为三个部分

1. 监听 textField 的输入，然后通知 model
2. 更新 model
3. 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。