That brings us to the end of this chapter. Here, we managed to fit an overview of MVC in SproutCore and nearly the entire View layer. We looked at the arrangement of SproutCore MVC and introduced the Display, Application State, and Data Interface layers, that are inherent to client-side web applications. We looked closely at the View layer in SproutCore and how it interacts with the Display layer to perform two important roles for our application: creating the user interface and responding to user events.
At this point, you should understand most of the features of the SC.View
class and be ready to create entire UI hierarchies using subclasses of SC.Pane
with SC.View
-based child views. You should also know how and why you would use the SC.Page
objects to organize your pages.
We also looked at the manner in which we configure the position and size of our views using the layout
property and the manner in which we style our views using CSS in combination with the classNames
(that is, class attribute), tagName
(that is, tag type) and layerId
(that is, ID attribute) properties.
Finally, we looked at how to render and update custom views and had our first introduction with event handling for views. While it will take a bit of practice before you create full custom controls, you now have everything you need to define the entire UI for your SproutCore applications.
In the next chapter, we will look at the model layer in SproutCore MVC and how we retrieve, store, manipulate, and synchronize data within the client for advanced functionality and immediate user feedback.
3.149.240.196