TweetFollow Us on Twitter

The Road to Code: Come Together, Right Now

Volume Number: 24
Issue Number: 10
Column Tag: The Road to Code

The Road to Code: Come Together, Right Now

Combining bindings, document-based applications, and table views

by Dave Dribin

Putting a Few Things Together

This month in The Road to Code, we're going to put together a few concepts we've been working on over the past few months. To start with, we're going to build upon the document-based application we wrote that allowed the user to save and open a document representing a rectangle. We already added archiving and unarchiving support to our Rectangle class by implementing the NSCoding protocol, briefly discussed using an NSTableView to show a list of rectangles, and learned the basics of Cocoa bindings. Now, we are going to combine these three topics to make a document-based application that allows the user to save a list of rectangles and to add and remove rectangles, both with and without Cocoa bindings.

Documents with a Table View

First, let's make sure we're all using the same version of Xcode. Version 3.1 was released in July and is now the current version. I'm going to use it going forward. Now that we're all using the same version of Xcode, let's create a new document-based application called Rectangles. This project template creates a NSDocument subclass, MyDocument, for you to customize. But before we start coding, let's layout the user interface in Interface Builder and work our way back.

Open up the MyDocument.xib file. Interface Builder 3.0 introduced the .xib file format and as of Xcode 3.1, the default file format for Interface Builder files in Apple supplied project templates is .xib instead of .nib. While the file format and extension has changed, they are identical from the developer's perspective: they contain the GUI you develop in Interface Builder. Create a window with a table view that looks similar to Figure 1. Be sure that the area and perimeter labels are two separate text fields, one for the text, e.g. one for "Total Area:" and one for the number, as we need to update the number but leave the text as-is. Set up the autosizing so that the table view expands when the window is resized and use a number formatter for each row's text cell and the two area and perimeter number text fields.


Figure 1: Window in Interface Builder

The table view needs a bit more customization. First, turn off column selection, as we do not want the user to select individual columns. Next, customize each column's identifier and disable editing of the area and perimeter columns. The correct settings are summarized in Table 1. It is important to use all lower-case for the identifier.


With our user interface created, switch back to Xcode. Be sure to enable garbage collection in the build settings for the Rectangles target before continuing. All the code we are writing requires garbage collection, and it is not the default setting.

Add in the Rectangle class with NSCoding support that we created in the July 2008 issue, One for the Archives, which you can download from the MacTech website. In our MyDocument class, we first need to create outlets for the table view, the Total Area and Total Perimeter labels, and actions for the Add and Remove buttons. We also want to create a mutable array instance variable that will hold all rectangle instances. The resultant header file for MyDocument is shown in Listing 1.

Listing 1: MyDocument.h

#import <Cocoa/Cocoa.h>
@interface MyDocument : NSDocument
{
    IBOutlet NSTableView * _tableView;
    IBOutlet NSTextField * _totalAreaLabel;
    IBOutlet NSTextField * _totalPerimeterLabel;
    
    NSMutableArray * _rectangles;
}
- (IBAction)addRectange:(id)sender;
- (IBAction)removeRectangle:(id)sender;
@end

Switch to the implementation file, MyDocument.m. Modify the constructor to create the _rectangles array as follows:

- (id)init
{
    self = [super init];
    if (self == nil)
        return nil;
    
    _rectangles = [[NSMutableArray alloc] init];
    
    return self;
}

Also add these three methods for the actions:

- (void)updateTotalAreaAndPerimeter
{
    float totalArea = 0;
    float totalPerimeter = 0;
    for (Rectangle * rectangle in _rectangles)
    {
        totalArea += rectangle.area;
        totalPerimeter += rectangle.perimeter;
    }
    
    [_totalAreaLabel setFloatValue:totalArea];
    [_totalPerimeterLabel setFloatValue:totalPerimeter];
}
 
- (IBAction)addRectange:(id)sender
{
    Rectangle * rectangle = [[Rectangle alloc] initWithLeftX:0
                                                     bottomY:0
                                                      rightX:15
                                                        topY:10];
    [_rectangles addObject:rectangle];
    
    // Update the UI
    [_tableView reloadData];
    [self updateTotalAreaAndPerimeter];
}
- (IBAction)removeRectangle:(id)sender
{
    NSInteger selectedIndex = [_tableView selectedRow];
    // If no row is selected, don't do anything
    if (selectedIndex == -1)
        return;
    
    [_rectangles removeObjectAtIndex:selectedIndex];
    
    // Update the UI
    [_tableView reloadData];
    [self updateTotalAreaAndPerimeter];
}

Taking a closer look at these three methods, the addRectangle: method creates a new 15x10 rectangle and adds it to the array of rectangles. It then has to update the user interface so that it matches the array. The reloadData method of NSTableView causes the table view to refresh its contents from its data source. We also need to update the area and perimeter labels. We created the updateTotal-AreaAndPerimeter method to calculate the total area and perimeter and update the labels.

The removeRectangle: action removes the currently selected rectangle. It asks the table view for the selected row index and uses this to remove the correct rectangle. Again, it updates the user interface to match the array.

That's all for coding, at the moment. Save your modifications and build the project, making sure to fix any syntax errors. Now, switch to Interface Builder because we need to connect our outlets and actions. Connect the outlets to their corresponding components, and connect the buttons to the two actions methods.

At this point, our application will run, and the buttons will work, but the table view will not be correctly populated with data. We need to use the table view's data source to populate the data. While we're in Interface Builder, set MyDocument to be the data source by connecting the NSTableView's dataSource outlet to File's Owner, which represents MyDocument. Switch back to Xcode and add these three required data source methods:

#pragma mark -
#pragma mark Table view data source
- (int)numberOfRowsInTableView:(NSTableView *)aTableView
{
    return [_rectangles count];
}
- (id)tableView:(NSTableView *)tableView
objectValueForTableColumn:(NSTableColumn *)tableColumn
            row:(NSInteger)rowIndex
{
    Rectangle * rectangle = [_rectangles objectAtIndex:rowIndex];
    NSString * identifier = [tableColumn identifier];
    float value = 0;
    if ([identifier isEqualToString:@"width"])
        value = rectangle.width;
    else if ([identifier isEqualToString:@"height"])
        value = rectangle.height;
    else if ([identifier isEqualToString:@"area"])
        value = rectangle.area;
    else if ([identifier isEqualToString:@"perimeter"])
        value = rectangle.perimeter;
    
    return [NSNumber numberWithFloat: value];
}
- (void)tableView:(NSTableView *)tableView
   setObjectValue:(id)object
   forTableColumn:(NSTableColumn *)tableColumn
             row:(int)rowIndex
{
    Rectangle * rectangle = [_rectangles objectAtIndex:rowIndex];
    NSString * identifier = [tableColumn identifier];
    
    float value = [object floatValue];
    if ([identifier isEqualToString:@"width"])
        rectangle.width = value;
    else if ([identifier isEqualToString:@"height"])
        rectangle.height = value;
    // Update the UI
    [self updateTotalAreaAndPerimeter];
}

We are using the column identifier to get or set the correct value from the Rectangle instance. Because the NSTableView data source deals only with objects, we need to convert the float values to and from NSNumbers. Now our application should run, and you should be able to add rectangles, modify their width or height, and remove rows. Figure 2 shows an example screen shot.


Figure 2: Screen Shot

The final detail missing from our application is the ability to save and open a custom document type. As we did in One for the Archives, we need to override two methods in our NSDocument subclass:

- (NSData *)dataOfType:(NSString *)typeName
                 error:(NSError **)outError
{
    NSData * rectangleData =
    [NSKeyedArchiver archivedDataWithRootObject:_rectangles];
    return rectangleData;
}
 - (BOOL)readFromData:(NSData *)data
              ofType:(NSString *)typeName
               error:(NSError **)outError
{
    _rectangles = [NSKeyedUnarchiver unarchiveObjectWithData:data];
    return YES;
}

These method implementations are very easy because both NSMutableArray and Rectangle support archiving via NSCoding. An array just archives each object in turn. We also have to set up the document types for our application. Open the Info panel on the Rectangles target and add a "rectangles" extension to the first document type as shown in Figure 3.


Figure 3: Rectangles target info

We now have a document-based application that can save and open an array of rectangles. This is not much different than the document-based application we wrote a few months ago, but it does show how to use a mutable array as the data source for a table view. We are going to be making some modifications to this application, culminating in the creation of a Cocoa bindings version.

Utilizing Key-Value Coding

The first step is to modify the data source accessor methods to be a little more flexible. Currently, they are big if statements based on the column identifier. Adding or changing columns requires changing these data source methods to match the changes we make in Interface Builder.

The simplest way to do this is to use key-value coding (KVC) to get and set the rectangle's properties in the data source. While identifiers are generally arbitrary, we are going to give them special meaning. For this to work, we are going to use key names as the column identifiers. Assuming you used the identifiers I recommended in Table 1, you are all set to go. Modify the data source methods as follows:

- (id)tableView:(NSTableView *)tableView
objectValueForTableColumn:(NSTableColumn *)tableColumn
            row:(NSInteger)rowIndex
{
    Rectangle * rectangle = [_rectangles objectAtIndex:rowIndex];
    NSString * identifier = [tableColumn identifier];
    return [rectangle valueForKey:identifier];
}
- (void)tableView:(NSTableView *)tableView
   setObjectValue:(id)object
   forTableColumn:(NSTableColumn *)tableColumn
              row:(int)rowIndex
{
    Rectangle * rectangle = [_rectangles objectAtIndex:rowIndex];
    NSString * identifier = [tableColumn identifier];
    [rectangle setValue:object forKey:identifier];
    // Update the UI
    [self updateTotalAreaAndPerimeter];
}

In objectForTableColumn:, we use valueForKey: to retrieve the appropriate property. If our identifiers did not match their corresponding property names, we would get a runtime error. Notice that we do not have to convert the float values into NSNumber objects either, as KVC automatically does this for us. The setObjectValue: method conversely uses setValue:forKey: to set the appropriate property given the object value.

Switching to Cocoa Bindings

Using KVC in the data source is the first step towards using Cocoa bindings. Looking at the data source code now, it's barely specific to our application. We could take this code wholesale on a new project and use it almost without modification. The trick is to use KVC key names as the table column identifiers. Cocoa bindings takes this to the next logical step and provides reusable controllers based on KVC to eliminate repetitious controller code.

Last month, we used NSObjectController as the controller for a single Rectangle instance. However, now we have an array of Rectangles we want need to manage, and NSObjectController will no longer work. Thankfully, the NSArrayController is just what we need. This is a reusable controller for managing an ordered list of objects.

To use an array controller, find it in Interface Builder's Library window, and drag it over to the MyDocument.xib window. The array controller's icon in the Library panel is shown in Figure 4.


Figure 4: Array Controller in the Library Panel

Rename the array controller to Rectangles, as shown in Figure 5. Set the Class Name of the controller to Rectangle and check the Prepares Content option as shown in Figure 6. The class name is important because our array controller can add objects to the array. If it does not use the correct class, our code will no longer work properly.


Figure 5: Array Controller in XIB window


Figure 6: Array Controller Attributes

Now it's time to configure the table columns to use bindings. Let's start with the width column. Bind the column to the Rectangles controller with a Controller Key of arrangedObjects and a Model Key of width, as summarized in Figure 7. The arrangedObjects controller key represents each object in the ordered list. When used in a table view, it will use the row index to find the correct object in the ordered list, just as we did in our data source methods. The model key tells this column to use the width property as the value. It's important to use arrangedObjects because an array controller can re-sort the objects in the list without affecting the original array. An example of this is when the user clicks on a table header.


Figure 7: Width column bindings

Repeat the bindings for each of the columns. The controller and Controller Key are the same for all columns, but change the Model Key to be the appropriate property name. The model key should be the same as the identifier we used earlier, as it gets used with KVC by the array controller.

At this point you can delete the three data source methods from our MyDocument class and disconnect the data source outlet of the table view. We are now using bindings to populate the table view rather than using the data source. We also have to modify our add and remove actions to work in a KVC-compliant manner:

- (IBAction)addRectange:(id)sender
{
    Rectangle * rectangle = [[Rectangle alloc]
 initWithLeftX:0
                                              
      bottomY:0
                                               
       rightX:15
       
         topY:10];
    [[self mutableArrayValueForKey:@"rectangles"]
     addObject:rectangle];
}
- (IBAction)removeRectangle:(id)sender
{
    NSInteger selectedIndex = [_tableView selectedRow];
    // If no row is selected, don't do anything
    if (selectedIndex == -1)
        return;
    
    [[self mutableArrayValueForKey:@"rectangles"]
     removeObjectAtIndex:selectedIndex];
}

The issue is that we cannot modify the _rectangles array directly because the array controller will not notice the updates. The array controller uses key-value observing (KVO) to monitor changes to the model and update the view. When you modify the array directly, you are not doing it in a way that triggers KVO notifications. By using mutableArrayValueForKey:, we are given a mutable array proxy to the "rectangles" key that sends proper KVO notifications. This is probably one of the most common issue newbies have with Cocoa bindings. There are other ways to modify the "rectangles" key in a KVO-compliant manner, but using this array proxy is the easiest.

We are not quite finished. Our actions no longer use the updateTotalAreaAndPerimeter method, and we can delete it, but we still need some way to update the total area and perimeter labels. We are going to use bindings for these, too. Switching back to Interface Builder, select the total area number text field. Bind it to the Rectangles controller and the arrangedObjects controller key, just as you did for the table columns; however, for the Model Key Path, use the string @sum.area as shown in Figure 8.


Figure 8: Total Area binding

Since arrangedObjects is an array of objects, we cannot directly use it for a text field, which only displays one object. The "@sum" string is known as a collection operator. It takes the next key path, in this case "width," and calculates the total sum of each value. Thus, the binding of "arrangedObjects.@sum.width" automatically calculates the total width for us without any code. Similarly the total perimeter text field should be bound to the @sum.perimeter model key path.

There are other collection operators, including "@count", "@min", and "@max" that calculates the number of items in array, the minimum value, and maximum value respectively. These collection operators allow us to use Cocoa bindings where we previously had to write controller code. In this case, it replaces our updateTotalAreaAndPerimeter method, and it does so in a KVO-compliant manner. If any of the rectangles in the array changes, the total will automatically be updated using KVC/KVO. Well, almost automatically.

If you copied the Rectangle class from the July issue, as I suggested earlier, it will not have the dependent keys defined. Just as we did in last month's article, we need to add these two methods to the Rectangle class:

+ (NSSet *)keyPathsForValuesAffectingArea
{
    return [NSSet setWithObjects:@"width", @"height", nil];
}
+ (NSSet *)keyPathsForValuesAffectingPerimeter
{
    return [NSSet setWithObjects:@"width", @"height", nil];
}

This makes the area and perimeter dependent on the width and height. Thus, when the user edits the width of one of the rectangles in the table, it causes KVO notifications to be sent for the width and then the area and perimeter. These area and perimeter KVO notifications then trigger the total area and perimeter labels to be recalculated.

But wait...there's more!

Cocoa-bindings has allowed use to get rid of the table view data source and other GUI updating code. But we can also get rid of our action methods. The array controller has add and remove action methods we can use. Switching back to Interface Builder, control drag from the Add button to the Rectangles array controller and choose add: action from the popup. Similarly, connect the Remove button to the remove: action.

The array controller also allows us to enable and disable the Add and Remove buttons properly. For example, when there is no selected row, the Remove button should be disabled. You can do this by binding the Enabled property of the buttons. Bind the Enabled property of the Add button to the canAdd controller key, as shown in Figure 9. Also bind the Enabled property of the Remove button to the canRemove controller key.


Figure 9: Add button Enabled binding

If we run our application with these actions and bindings to the array controller, the application still works. The Remove button even gets disabled when no row is selected. However, there is one issue. Now our new rectangles are all created with zero width and height. This is because the array controller just calls the init method on the new Rectangle object. For the Rectangle class, the default constructor just sets all instance variables to zero. There are a few ways to remedy this situation:

modify the Rectangle model class to have different default values in the default constructor,

subclass NSArrayController and override the newObject method, or

use our own custom add action.

I don't generally like modifying the Rectangle class to satisfy the UI as it's putting logic that should be part of the view (the UI) into the model class. What if a different user interface wanted different default values? To me, the default values should be part of the controller layer, not the model. But every case is different, and sometimes putting default values inside the model is fine. Since our application's default of a 15x10 rectangle seems specific to our UI, I don't think the model is the correct place to put it.

This leaves us with subclassing NSArrayController or adding our own custom action method. Neither of these methods is absolutely better than the other, so you could go either way. The downside to the subclassing NSArrayController is that you are creating a new class with just a single method. Keeping the custom action part of the controller may keep related code together in the same class, leading to better code organization. If you want to use the custom action alternative, keep the addRectangle: action method we had previously.

For completeness, I'm going to show you how to subclass NSArrayController, as it is a common technique you are likely come across. Create a new Objective-C class in your project and name it RectanglesController. Modify the header file so that it matches Listing 2.

Listing 2: RectanglesController.h

#import <Cocoa/Cocoa.h>
@interface RectanglesController : NSArrayController
{
}
@end

We don't need to declare any new instance variables or methods, so the interface is pretty sparse. The implementation contains just one method, as shown in Listing 3.

Listing 3: RectanglesController.m

#import "RectanglesController.h"
#import "Rectangle.h"
@implementation RectanglesController
- (id)newObject
{
    Rectangle * rectangle = [super newObject];
    rectangle.width = 15;
    rectangle.height = 10;
    return rectangle;
}
@end

The newObject method is called whenever the array controller needs to create a new object. We are going to call on the superclass's implementation to create the new rectangle, but then we are going to set the width to 15 and height to 10 just as we did earlier. Now we need to use our subclass in Interface Builder. Do this by selecting the Rectangles controller from the MyDocument.xib window and switching to the Identity tab of the Inspector panel. Change the Class field from NSArrayController to RectanglesController, as shown in Figure 10. This tells Interface Builder to create an instance of our array controller subclass instead of the standard Cocoa array controller.


Figure 10: NSArrayController Subclass

Now, when you run the application, the new rectangles should have a default width and height of 15x10. As I mentioned, there's not a huge advantage to doing this over creating a custom add action method, so do whichever you prefer. The only "trick" to the custom action method is making sure you modify the _rectangles array in a KVC-compliant manner as I showed you earlier.

Conclusion

That wraps up another article on The Road to Code. We've taken what we've learned over the last few months and created a full-featured document-based application with a table view and Cocoa bindings. You should be proud! We've come a long way since the beginning, and you can accomplish quite a bit with what you have learned.


Dave Dribin has been writing professional software for over eleven years. After five years programming embedded C in the telecom industry and a brief stint riding the Internet bubble, he decided to venture out on his own. Since 2001, he has been providing independent consulting services, and in 2006, he founded Bit Maki, Inc. Find out more at http://www.bitmaki.com/ and http://www.dribin.org/dave/.

 

Community Search:
MacTech Search:

Software Updates via MacUpdate

Latest Forum Discussions

See All

Whitethorn Games combines two completely...
If you have ever gone fishing then you know that it is a lesson in patience, sitting around waiting for a bite that may never come. Well, that's because you have been doing it wrong, since as Whitehorn Games now demonstrates in new release Skate... | Read more »
Call of Duty Warzone is a Waiting Simula...
It's always fun when a splashy multiplayer game comes to mobile because they are few and far between, so I was excited to see the notification about Call of Duty: Warzone Mobile (finally) launching last week and wanted to try it out. As someone who... | Read more »
Albion Online introduces some massive ne...
Sandbox Interactive has announced an upcoming update to its flagship MMORPG Albion Online, containing massive updates to its existing guild Vs guild systems. Someone clearly rewatched the Helms Deep battle in Lord of the Rings and spent the next... | Read more »
Chucklefish announces launch date of the...
Chucklefish, the indie London-based team we probably all know from developing Terraria or their stint publishing Stardew Valley, has revealed the mobile release date for roguelike deck-builder Wildfrost. Developed by Gaziter and Deadpan Games, the... | Read more »
Netmarble opens pre-registration for act...
It has been close to three years since Netmarble announced they would be adapting the smash series Solo Leveling into a video game, and at last, they have announced the opening of pre-orders for Solo Leveling: Arise. [Read more] | Read more »
PUBG Mobile celebrates sixth anniversary...
For the past six years, PUBG Mobile has been one of the most popular shooters you can play in the palm of your hand, and Krafton is celebrating this milestone and many years of ups by teaming up with hit music man JVKE to create a special song for... | Read more »
ASTRA: Knights of Veda refuse to pump th...
In perhaps the most recent example of being incredibly eager, ASTRA: Knights of Veda has dropped its second collaboration with South Korean boyband Seventeen, named so as it consists of exactly thirteen members and a video collaboration with Lee... | Read more »
Collect all your cats and caterpillars a...
If you are growing tired of trying to build a town with your phone by using it as a tiny, ineffectual shover then fear no longer, as Independent Arts Software has announced the upcoming release of Construction Simulator 4, from the critically... | Read more »
Backbone complete its lineup of 2nd Gene...
With all the ports of big AAA games that have been coming to mobile, it is becoming more convenient than ever to own a good controller, and to help with this Backbone has announced the completion of their 2nd generation product lineup with their... | Read more »
Zenless Zone Zero opens entries for its...
miHoYo, aka HoYoverse, has become such a big name in mobile gaming that it's hard to believe that arguably their flagship title, Genshin Impact, is only three and a half years old. Now, they continue the road to the next title in their world, with... | Read more »

Price Scanner via MacPrices.net

B&H has Apple’s 13-inch M2 MacBook Airs o...
B&H Photo has 13″ MacBook Airs with M2 CPUs and 256GB of storage in stock and on sale for up to $150 off Apple’s new MSRP, starting at only $849. Free 1-2 day delivery is available to most US... Read more
M2 Mac minis on sale for $100-$200 off MSRP,...
B&H Photo has Apple’s M2-powered Mac minis back in stock and on sale today for $100-$200 off MSRP. Free 1-2 day shipping is available for most US addresses: – Mac mini M2/256GB SSD: $499, save $... Read more
Mac Studios with M2 Max and M2 Ultra CPUs on...
B&H Photo has standard-configuration Mac Studios with Apple’s M2 Max & Ultra CPUs in stock today and on Easter sale for $200 off MSRP. Their prices are the lowest available for these models... Read more
Deal Alert! B&H Photo has Apple’s 14-inch...
B&H Photo has new Gray and Black 14″ M3, M3 Pro, and M3 Max MacBook Pros on sale for $200-$300 off MSRP, starting at only $1399. B&H offers free 1-2 day delivery to most US addresses: – 14″ 8... Read more
Department Of Justice Sets Sights On Apple In...
NEWS – The ball has finally dropped on the big Apple. The ball (metaphorically speaking) — an antitrust lawsuit filed in the U.S. on March 21 by the Department of Justice (DOJ) — came down following... Read more
New 13-inch M3 MacBook Air on sale for $999,...
Amazon has Apple’s new 13″ M3 MacBook Air on sale for $100 off MSRP for the first time, now just $999 shipped. Shipping is free: – 13″ MacBook Air (8GB RAM/256GB SSD/Space Gray): $999 $100 off MSRP... Read more
Amazon has Apple’s 9th-generation WiFi iPads...
Amazon has Apple’s 9th generation 10.2″ WiFi iPads on sale for $80-$100 off MSRP, starting only $249. Their prices are the lowest available for new iPads anywhere: – 10″ 64GB WiFi iPad (Space Gray or... Read more
Discounted 14-inch M3 MacBook Pros with 16GB...
Apple retailer Expercom has 14″ MacBook Pros with M3 CPUs and 16GB of standard memory discounted by up to $120 off Apple’s MSRP: – 14″ M3 MacBook Pro (16GB RAM/256GB SSD): $1691.06 $108 off MSRP – 14... Read more
Clearance 15-inch M2 MacBook Airs on sale for...
B&H Photo has Apple’s 15″ MacBook Airs with M2 CPUs (8GB RAM/256GB SSD) in stock today and on clearance sale for $999 in all four colors. Free 1-2 delivery is available to most US addresses.... Read more
Clearance 13-inch M1 MacBook Airs drop to onl...
B&H has Apple’s base 13″ M1 MacBook Air (Space Gray, Silver, & Gold) in stock and on clearance sale today for $300 off MSRP, only $699. Free 1-2 day shipping is available to most addresses in... Read more

Jobs Board

Senior Product Associate - *Apple* Pay (AME...
…is seeking a Senior Associate of Digital Product Management to support our Apple Pay product team. Labs drives innovation at American Express by originating, Read more
Medical Assistant - Surgical Oncology- *Apple...
Medical Assistant - Surgical Oncology- Apple Hill Location: WellSpan Medical Group, York, PA Schedule: Full Time Sign-On Bonus Eligible Remote/Hybrid Regular Apply Read more
Omnichannel Associate - *Apple* Blossom Mal...
Omnichannel Associate - Apple Blossom Mall Location:Winchester, VA, United States (https://jobs.jcp.com/jobs/location/191170/winchester-va-united-states) - Apple Read more
Cashier - *Apple* Blossom Mall - JCPenney (...
Cashier - Apple Blossom Mall Location:Winchester, VA, United States (https://jobs.jcp.com/jobs/location/191170/winchester-va-united-states) - Apple Blossom Mall Read more
Operations Associate - *Apple* Blossom Mall...
Operations Associate - Apple Blossom Mall Location:Winchester, VA, United States (https://jobs.jcp.com/jobs/location/191170/winchester-va-united-states) - Apple Read more
All contents are Copyright 1984-2011 by Xplain Corporation. All rights reserved. Theme designed by Icreon.