Add UITableViewController to Current View Programmatically

Question

I need to display UITableViewController programmatically from existing view.

I have a MyAppViewController and the button on its view should open a new UITableViewController. But I cannot seem to get it working so far. Here is how UITableViewController looks like:

@interface SecondViewController : UITableViewController{}

and on the main view I add table view controller using the following:

SecondViewController vc2 = [[SecondViewController alloc] init];
vc2.view.frame = {...}
[self.view addSubview: vc2.view];

This is how I would normally add a simple view controller so I thought UITableViewController is the same.

The result I get is empty cells on the entire screen. This is because of the delegate not set, I assume, but where would I set it? So my confusion is the delegate setters on UITableViewController view controller and displaying UITableViewController correctly from the main view controller's view.

A bit confused, you are asking how to add a UITableViewController or how to set the cell's content for the UITableView? — Steven
how to add a UITableViewController... if I do it successfully I think I will be able to take care of cell content — Vad
@Vad: you can still do it programmatically even it if it in a storyboard. I ask because the syntax will be a little different if they are views on a storyboard vs if you have .nib vs if the controller is set up completely programmatically. — GeneralMike

XJones XJones · Accepted Answer · 2012-11-16T17:17:57

EDIT

This answer is outdated. The correct way to add a view controller's view as a subview of another view controller is to implement a container view controller.

https://developer.apple.com/library/ios/featuredarticles/ViewControllerPGforiPhoneOS/CreatingCustomContainerViewControllers/CreatingCustomContainerViewControllers.html

ORIGINAL ANSWER

Your pattern is a bit out of the ordinary. The most common way to do what you are describing is to initialize and present SecondViewController. If that's in fact what you want I highly recommend you peruse Apple's docs on how to create, customize, and present UIViewController and UITableViewController.

If you know all of that and really want to do something custom then read on.

Instead you are creating an instance of SecondViewController and rather than presenting it, you are adding it's view to the current view controllers view. If you know what you're trying to accomplish and this is in fact your desired result then go for it.

There is more than one way to configure this general pattern. I'll stick to the simplest way in this example.

1) MainViewController (MVC) should retain the SecondViewController (SVC) instance in a property as long as it is needed.

2) SVC is a subclass of UITableViewController so by default, it is set as the dataSource and delegate for it's UITableView. That means you need to implement the UITableViewDataSource and UITableViewDelegate methods in SVC for your table to be populated with data. Assuming MVC knows what data needs to go into the table, it should pass this to SVC. The simplest way is to define a property on SVC that can be set in MVC at initialization time.

3) Assuming there is a way to dismiss the table after it has been presented, you'll want MVC to do that. Basically, MVC would remove SVC's view from it's superview and then set the SVC property to nil.

Here's some quick psuedo-code. I wrote the bare minimum as an example.

// MainViewController.h
//
#import "SecondViewController.h"

@interface MainViewController : UIViewController
@property (nonatomic, strong) SecondViewController *svc;
@end

// MainViewController.m
//
#import "MainViewController.h"

@implementation MainViewController

// init and configure views w/ init, loadView, viewDidLoad, etc

// present SecondViewController
- (void)presentSecondViewController:(id)sender {
    self.svc = [[SecondViewController alloc] init];
    // this example uses an array as the SVC data
    self.svc.tableData = @[@"first", @"second", @"third", @"fourth"];
    self.svc.view.frame = self.view.bounds;
    [self.view addSubview:self.svc.view];
}

// dismiss SecondViewController
- (void)dismissSecondViewController:(id)sender {
    if (self.svc) {
        [self.svc.view removeFromSuperview];
        self.svc = nil;
    }
}

// SecondViewController.h
//
@interface SecondViewController : UITableViewController
@property (nonatomic, strong) NSArray *tableData;
@end

// SecondViewController.m
//
@implementation SecondViewController

// init and configure views w/ init, loadView, viewDidLoad, etc

// override tableData getter to create empty array if nil
- (NSArray *)tableData
{
    if (!tableData) {
        _tableData = @[];
    }
    return _tableData;
}

// override tableData setter to reload tableView
- (void)setTableData:(NSArray *)tableData
{
    _tableData = tableData;
    [self.tableView reloadData];
}

// implement UITableViewDelegate and UITableViewDataSource methods using
// the self.tableData array

Add UITableViewController to Current View Programmatically

4 Answers

EDIT

ORIGINAL ANSWER