How to custom NSTableView (using Storyboard in Mac OS X 10.10)

Question

I have a problem when I custom `NSTableView` in Mac OS X 10.10 (Storyboard).

My app consist of two layout in a `MainStoryboard`, there are: `ProductViewController` and `DetailViewController`.

On ProductViewController layout I have one simple button is "View Detail" to change layout.

I was custom one row on DetailViewController layout, I used NSTableCellView. But when layout DetailViewController is called, my data wasn't loaded. I debugged and I saw it was not call method:

- (NSView *)tableView:(NSTableView *)tableView viewForTableColumn:(NSTableColumn *)tableColumn row:(NSInteger)row {
    // Get a new ViewCell
    NSTableCellView *cellView = [tableView makeViewWithIdentifier:tableColumn.identifier owner:self];

    // Since this is a single-column table view, this would not be necessary.
    // But it's a good practice to do it in order by remember it when a table is multicolumn.
    if( [tableColumn.identifier isEqualToString:@"TableColumn"] )
    {
        ScaryBugDoc *bugDoc = [self.bugs objectAtIndex:row];
        cellView.imageView.image = bugDoc.thumbImage;
        cellView.textField.stringValue = bugDoc.data.title;
        return cellView;
    }
    return cellView;
}

I implemented (NSTableViewDelegate, NSTableviewDatasource ...) and linked delegate + datasource between custom cell and DetailViewController layout.

// CustomTableViewController.h

#import 

@interface CustomTableViewController : NSViewController 

@property (strong) NSMutableArray *bugs;
@property (weak) IBOutlet NSScrollView *scrollView;

@end

// CustomTableViewController.m

#import "CustomTableViewController.h"
#import "ScaryBugDoc.h"
#import "ScaryBugData.h"
#import <Quartz/Quartz.h>

@interface CustomTableViewController ()

@property (weak) IBOutlet NSTableView *bugsTableView;
@property (strong) IBOutlet NSView *viewMain;

@end

@implementation CustomTableViewController

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil {
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        // Initialization code here.
    }

    return self;
}

- (NSView *)tableView:(NSTableView *)tableView viewForTableColumn:(NSTableColumn *)tableColumn row:(NSInteger)row {

    // Get a new ViewCell
    NSTableCellView *cellView = [tableView makeViewWithIdentifier:tableColumn.identifier owner:self];

    // Since this is a single-column table view, this would not be necessary.
    // But it's a good practice to do it in order by remember it when a table is multicolumn.
    if( [tableColumn.identifier isEqualToString:@"TableColumn"] )
    {
        ScaryBugDoc *bugDoc = [self.bugs objectAtIndex:row];
        cellView.imageView.image = bugDoc.thumbImage;
        cellView.textField.stringValue = bugDoc.data.title;
        return cellView;
    }
    return cellView;
}

- (void)tableView:(NSTableView *)tableView didClickTableColumn:(NSTableColumn *)tableColumn {
    NSAlert *alert = [[NSAlert alloc]init];
    [alert addButtonWithTitle:@"OK"];
    [alert setMessageText:@"Password is required."];
    [alert runModal];
}

- (void)viewDidLoad {
    [super viewDidLoad];
    self.bugsTableView.delegate = self;
    self.bugsTableView.wantsLayer = TRUE;
}

-(ScaryBugDoc*)selectedBugDoc {
    NSInteger selectedRow = [self.bugsTableView selectedRow];
    if( selectedRow >=0 && self.bugs.count > selectedRow )
    {
        ScaryBugDoc *selectedBug = [self.bugs objectAtIndex:selectedRow];
        return selectedBug;
    }
    return nil;
}

- (NSInteger)numberOfRowsInTableView:(NSTableView *)tableView {
    return [self.bugs count];
}

@end

Is there a reason for this?

Answer 1

You have to make sure you've called the reloadData method

https://developer.apple.com/library/mac/documentation/Cocoa/Reference/ApplicationKit/Classes/NSTableView_Class/#//apple_ref/occ/instm/NSTableView/reloadData

Answer 2

I have found a solution for my problem. I made a mistake when using delegate method of NSTableView. This is my code simple, it's work ok.

TableViewController.h

#import <Cocoa/Cocoa.h>

@interface TableViewController : NSViewController <NSTableViewDataSource, NSTableViewDelegate>
@end

TableViewController.m

#import "TableViewController.h"

@interface TableViewController ()

@property (nonatomic) NSMutableArray *iconListData;
@property (nonatomic) NSMutableArray *menuListData;

@end

@implementation TableViewController

- (NSInteger)numberOfRowsInTableView:(NSTableView *)tableView {
    return 6;
}

-(CGFloat)tableView:(NSTableView *)tableView heightOfRow:(NSInteger)row {
    return 60;
}

- (NSView *)tableView:(NSTableView *)tableView viewForTableColumn:(NSTableColumn *)tableColumn row:(NSInteger)row {
    NSString *identify = [tableColumn identifier];

    self.iconListData = [NSMutableArray arrayWithObjects:image1, image2, image3, image4, image5, image6, nil];
    self.menuListData = [NSMutableArray arrayWithObjects:item1, item2, item3, item4, item5, item6, nil];

    if([identify isEqualToString:@"MainCell"]) {
        NSTableCellView *cellView = [tableView makeViewWithIdentifier:@"MainCell" owner:self];
        cellView.textField.stringValue = self.menuListData[row];
        cellView.imageView.image = [NSImage imageNamed:self.iconListData[row]];
        return cellView;
    }

    return nil;
}

- (void) chooseMenu:(NSString *)name {
    NSAlert *alert = [[NSAlert alloc]init];
    [alert addButtonWithTitle:@"OK"];
    [alert setMessageText:name];
    [alert runModal];
}

- (void)tableViewSelectionDidChange:(NSNotification *)notification {

    NSTableView *tableView = notification.object;
    NSLog(@"User has selected row %ld", (long)tableView.selectedRow);
    NSInteger _row = tableView.selectedRow;
    //NSString *_rowString = [NSString stringWithFormat:@"%li", (long)_row];
    switch (_row) {
        case 0:
            [self chooseMenu:@"Choose row 1"];
            break;
        case 1:
            [self chooseMenu:@"Choose row 2"];
            break;
        case 2:
            [self chooseMenu:@"Choose row 3"];
            break;
        case 3:
            [self chooseMenu:@"Choose row 4"];
            break;
        case 4:
            [self chooseMenu:@"Choose row 5"];
            break;
        case 5:
            [self chooseMenu:@"Choose row 6"];
            break;
        default:
            break;
    }

}

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do view setup here.
}

@end

Thank you for your support.