Adding the DetailController and Configuring the View

Create the DetailController.xib.

The detail controller view displays information about a single customer in the client database. he source files you added from the SUP_iOS_Custom_Dev_Tutorial_code.zip file contain the DetailController.h, DetailController.m, and DetailController.xib files that create the customer detail view. To create these files manually in Xcode, you would create a new file using the UIViewController subclass template, then indicate it is a subclass of UIViewController. Be sure to indicate With XIB for user interface.

Although the provided XIB file is already configured, you can walk through the steps to see how to create the interface.

Click the DetailController.xib file to open Interface Builder.
Select View > Utilities > Object Library.
In the Object Library panel, select the Text Field item, drag it onto the view three times to create three text fields aligned vertically to the right of the screen.
You can resize the text fields using the resize handles and position the button by dragging it to the desired location.
In the Object Library panel, select the Label item, drag it onto the view three times to create three labels to the left of and aligned with the three text fields. Replace the default Label text with:
- First Name
- Last Name
- Phone

In the Object Library panel, select the Round Rect Button item, drag it onto the view, and rename it to Submit.

To make connections to the user interface from the view controller, the DetailController.h file contains the outlets, property declarations for the instance variables, and a declaration for the action method.

#import <UIKit/UIKit.h>
#import "SUP101_Customer.h"

@interface DetailController : UIViewController {
}

@property (nonatomic, retain) IBOutlet UITextField *fname;
@property (nonatomic, retain) IBOutlet UITextField *lname;
@property (nonatomic, retain) IBOutlet UITextField *phone;
@property (nonatomic, retain) SUP101_Customer *originalObj;
@property (nonatomic, retain) IBOutlet UIButton *submitButton;

-(IBAction)buttonPressed:(id)sender; 

@end

View the DetailController.m file.

This class displays detailed information about a single customer in the client database. The information can be edited. If the data is changed and the Submit button is pressed, the buttonPressed method uses Object API calls to save the changes in the client database, send the changes to the server, and disable the Submit button.

If the server accepts the changes, the callback handler posts an ON_REPLAY_SUCCESS notification, which causes the onReplaySuccess notification handler to run. The cached UI data is refreshed from the database and the Submit button is re-enabled.

This class also registers for the ON_REPLAY_FAILURE notification to handle the case where the server rejects the changes, or an error occurs on the server side.
Click the DetailController.xib file to open it in Interface Builder, click the First Name text field, and select View > Utilities > Attributes Inspector.
In the Attributes Inspector panel , scroll to the View section and enter 1 in the Tag field.
Set the tags for the Last Name and Phone text fields to 2 and 3 respectively.
Control-drag from the File's Owner icon in the middle pane to each of the text fields and select the fname, lname, and phone outlets, respectively, to create connections between the text fields and the outlets defined in the DetailController.m file.
Select View > Utilities > Connections Inspector to confirm that the outlets have been correctly configured:
Control-drag from the File's Owner icon in the middle pane to the Submit button and select submitButton.