elf
/
The-Backbone-Store
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Minor fixes for the HTML version.

This commit is contained in:
Elf M. Sternberg 2011-08-07 17:49:32 -07:00
parent 58c3d50bce
commit 947f010755
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
backbonestore.nw
View File

@ -47,11 +47,11 @@ A note: this article was written with the
\nwanchorto{http://en.wikipedia.org/wiki/Literate_programming}{Literate \nwanchorto{http://en.wikipedia.org/wiki/Literate_programming}{Literate
Programming} toolkit Programming} toolkit
\nwanchorto{http://www.cs.tufts.edu/~nr/noweb/}{Noweb}. Where you see \nwanchorto{http://www.cs.tufts.edu/~nr/noweb/}{Noweb}. Where you see
something that looks like \textless \textless this \textgreater \textgreater, it's a placeholder for code something that looks like \\<\\<this\\>\\>, it's a placeholder for code
described elsewhere in the document. Placeholders with an equal sign described elsewhere in the document. Placeholders with an equal sign
at the end of them indicate the place where that code is defined. The at the end of them indicate the place where that code is defined. The
link (U-\textgreater) indicates that the code you're seeing is used later in the link (U->) indicates that the code you're seeing is used later in the
document, and (\textless-U) indicates it was used earlier but is being defined document, and (<-U) indicates it was used earlier but is being defined
here. here.
\subsection{Revision} \subsection{Revision}
@ -250,7 +250,7 @@ be rendered. The second defines a common class we will use for the
purpose of identifying these views to jQuery. Backbone automatically purpose of identifying these views to jQuery. Backbone automatically
creates a new [[DIV]] object with the class 'viewport' when a view creates a new [[DIV]] object with the class 'viewport' when a view
constructor is called. It will be our job to attach that [[DIV]] to constructor is called. It will be our job to attach that [[DIV]] to
the DOM. In the HTML, you will see the [[DIV#main]] object where most the DOM. In the HTML, you will see the [[DIV\#main]] object where most
of the work will be rendered. of the work will be rendered.
<<base view>>= <<base view>>=
@ -265,7 +265,7 @@ of the work will be rendered.
%$ %$
The method above ensures that the element is rendered, but not The method above ensures that the element is rendered, but not
visible, and contained within the [[DIV#main]]. Note also that visible, and contained within the [[DIV\#main]]. Note also that
the element is not a sacrosanct object; the Backbone.View is more a the element is not a sacrosanct object; the Backbone.View is more a
collection of standards than a mechanism of enforcement, and so collection of standards than a mechanism of enforcement, and so
defining it from a raw DOM object to a jQuery object will not break defining it from a raw DOM object to a jQuery object will not break
@ -340,8 +340,8 @@ for our one-page application:
@ @
It's not much to look at, but already you can see where that It's not much to look at, but already you can see where that
[[DIV#main]] goes, as well as where we are putting our templates. [[DIV\#main]] goes, as well as where we are putting our templates.
The [[DIV#main]] will host a number of viewports, only one of The [[DIV\#main]] will host a number of viewports, only one of
which will be visible at any given time. which will be visible at any given time.
Our first view is going to be the product list view, named, well, Our first view is going to be the product list view, named, well,
@ -413,8 +413,8 @@ And here is the HTML:
One of the most complicated objects in our ecosystem is the product One of the most complicated objects in our ecosystem is the product
view. It actually does something! The prefix ought to be familiar, view. It actually does something! The prefix ought to be familiar,
but note that we are again using [[#main]] as our target; we will be but note that we are again using [[\#main]] as our target; we will be
showing and hiding the various [[DIV]] objects in [[#main]] again and showing and hiding the various [[DIV]] objects in [[\#main]] again and
again. again.
The only trickiness here is twofold: the (rather hideous) means by The only trickiness here is twofold: the (rather hideous) means by
@ -590,7 +590,7 @@ And the HTML for the template is dead simple:
Lastly, there is the [[Router]]. In Backbone, the Router is a Lastly, there is the [[Router]]. In Backbone, the Router is a
specialized View for invoking other views. It listens for one specialized View for invoking other views. It listens for one
specific event: when the [[window.location.hash]] object, the part of specific event: when the [[window.location.hash]] object, the part of
the URL after the '#' symbol, changes. When the hash changes, the the URL after the hash symbol, changes. When the hash changes, the
Router invokes an event handler. The Router, since its purpose is to Router invokes an event handler. The Router, since its purpose is to
control the major components of the one-page display, is also a good control the major components of the one-page display, is also a good
place to keep all the major components of the sytem. We'll keep track place to keep all the major components of the sytem. We'll keep track
@ -648,7 +648,7 @@ returns the result of an [[ajax()]] call, which is a deferred.
%$ %$
There are two things to route \textit{to}, but we must also route There are two things to route \textit{to}, but we must also route
\textif{from}. Remember that our two major views, the product list \textit{from}. Remember that our two major views, the product list
and the product detail, inherited from [[\_BaseView]], which has the and the product detail, inherited from [[\_BaseView]], which has the
[[hide()]] and [[show()]] methods. We want to hide all the views, [[hide()]] and [[show()]] methods. We want to hide all the views,
then show the one invoked. First, let's hide every view we know then show the one invoked. First, let's hide every view we know