Pro JavaScript for Web Apps pdf - EBook Free Download

CHAPTER 4 USING URL ROUTINGurl attribute. Handling both events allows me to cater for the different kinds of input elements. I use thelive method, which is a neat jQuery feature that relies on event propagation to ensure that events arehandled for elements that are added to the document after the script has executed; this is essential whenthe set of elements in the document can be altered in response to view model changes. This approachallows me to use elements like this:......This markup generates a set of radio buttons for each element in the view model items array. Icreate the value for the data-url attribute with my custom formatAttr data binding, which I describedearlier. The select element requires some special handling because while the select element triggersthe change event, the information about which value has been selected is derived from the child optionelements. Here is some markup that creates a select element that works with this pattern:......Part of the target URL is in the data-url attribute of the select element, and the rest is taken fromthe value attribute of the option elements. Some elements, including select, trigger both the click andchange events, so I check to see that the target URL differs from the current URL before usinglocation.replace to trigger a navigation change. Listing 4-10 shows how this technique can be appliedto select elements, buttons, radio buttons, and check boxes.Listing 4-10. Bridging Between Events and Routing for Different Kinds of ElementsRouting Example91www.it-ebooks.info