Changes for page ERPrototaculous

Last modified by Ravi Mendis on 2010/11/18 05:07

From version 210.1
edited by Ravi Mendis
on 2009/07/16 08:20
Change comment: Add features section
To version 211.1
edited by Ravi Mendis
on 2009/07/16 08:55
Change comment: Add note on form submission

Summary

Details

Page properties
Content
... ... @@ -4,14 +4,38 @@
4 4  
5 5  === What is ERPrototaculous? ===
6 6  
7 -* It provides 'organic' support for Prototype and Scriptaculous in WebObjects.
8 -* It doesn't extend Prototype or Scriptaculous
9 -* It includes a set of widgets in the Prototype + Scriptaculous family.
7 +Features include:
10 10  
11 -==== Widgets ====
9 +* 'Organic' support for Prototype and Scriptaculous in WebObjects.
10 +* No custom Prototype extensions
11 +* A set of widgets in the Prototype + Scriptaculous family.
12 +* Use of [[Unobtrusive Javascript>>http://en.wikipedia.org/wiki/Unobtrusive_JavaScript]].
12 12  
14 +==== Unobtrusive Javascript in ERPrototaculous ====
15 +
16 +Unobtrusive javascript is used in contrast to on-demand style of ajax programming.
17 +By including Javascript as well as CSS globally in the page wrapper, CSS and/or Javascript doesn't have to load inside ajax requests.
18 +
19 +The result is **faster** and more **reliable** ajax in WebObjects applications.
20 +
21 +==== Prototype + Scriptaculous Widgets ====
22 +
13 13  * Accordion
14 14  * LightWindow
15 15  * ModalBox
16 16  * CalendarDateSelect
17 17  * FileUpload
28 +
29 +== Forms in ERPrototaculous ==
30 +
31 +Differences from using forms in WebObjects. i.e ##WOForm##:
32 +
33 +1. All form controls must be named. This includes text fields, selects and buttons.
34 +(WebObjects dynamically assigned names are not compatible with ERPrototaculous).
35 +1. All forms in an ERPrototaculous app are instances of ##AjaxUpdaterForm##.
36 +1. Form submits can be the form of:
37 +
38 +* Static ##<button>##
39 +* WOSubmitButton (if the result is to update whole page/app.
40 +* AjaxUpdaterButton (to update a **container**). Or
41 +* AjaxRequestButton (for a background ajax request)