iPhone Storyboard Editing a table view

Question

I've been trying to learn the new Storyboard feature in Xcode and I've run into a problem with trying to set a UITableView to edit mode.

So far my storyboard looks like this:

NavigationController -> UIViewController (subclass with tableview property)

I added a Navigation Item and a Bar Button item to the view controller scene, so I do see an edit button. It didn't do anything automagically, so I tried linking it's selector to the setEditing method of the tableview delegate. This did put it into editing mode. However, the edit button did not change to a "Done" button and so there is no way to get out of editing mode.

Do I have to create another Navigation item for the Done button? How do I connect it so that it appears at the right time and works correctly?

Answer 1

I think that also with Storyboard, the only way (for sure, the easiest one) to implement a working edit/done button, is to use the following code:

- (void)viewDidLoad
{
[super viewDidLoad];
...
//set the edit button
self.navigationItem.leftBarButtonItem = self.editButtonItem;
...

This is the solution that Apple itself implements if you select a "Master-Detail Application" template for your project.

Probably Storyboard is still not perfect, and hopefully it will be improved from Apple in next releases...

Answer 2

I just started using Storyboards, so I also wanted to use the Storyboard to add my Edit button. It is annoying to have taken the time to learn how to use a new tool but find you need a roll of duct tape to patch up the holes.

You can get it to work, but need to add a Custom button. In the Attributes inspector make sure the Identifier is Custom and the title is Edit.

Then add something like this in your .m

- (IBAction)setEditMode:(UIBarButtonItem *)sender {
    if (self.editing) {
        sender.title = @"Edit";
        [super setEditing:NO animated:YES];
    } else {
        sender.title = @"Done";
        [super setEditing:YES animated:YES];
    } 
}

Have your Custom Edit button call the setEditMode method.

Can only hope they will fix the implementation of the Edit button in the Storyboard editor in the future.