Skip to Content

Changes for page ERPrototaculous

Last modified by Ravi Mendis on 2010/11/18 05:07
From version 230.1
edited by Ravi Mendis
on 2009/07/16 08:28
Change comment: There is no comment for this version
To version 238.1
edited by Ravi Mendis
on 2009/07/16 09:22
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -4,11 +4,40 @@
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
9 -* It includes a set of widgets in the Prototype + Scriptaculous family.
10 -* It subscribes to [[Unobtrusive Javascript>>http://en.wikipedia.org/wiki/Unobtrusive_JavaScript]]. This is in contrast to ajax on-demand style of programming.
7 +Features include:
11 11  
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]].
13 +* Pseudo-stateless ajax responses
14 +
15 +==== Unobtrusive Javascript in ERPrototaculous ====
16 +
17 +Unobtrusive javascript is used in contrast to on-demand style of ajax programming.
18 +By including Javascript as well as CSS globally in the page wrapper, CSS and/or Javascript doesn't have to load inside ajax requests.
19 +
20 +The result is **faster** and more **reliable** ajax in WebObjects applications.
21 +
22 +==== Prototype WebObjects Elements ====
23 +
24 +##Ajax.Updater## and ##Ajax.Request## have been implemented as WebObjects dynamic elements.
25 +
26 +===== Ajax.Updater =====
27 +
28 +Support for Prototype's [[Ajax.Updater>>http://www.prototypejs.org/api/ajax/updater]] is in the form of three components:
29 +
30 +* AjaxUpdaterLink
31 +* AjaxUpdaterButton
32 +* AjaxUpdaterForm (with ##onsubmit## for ajax form submission)
33 +
34 +===== Ajax.Request =====
35 +
36 +Prototype's [[Ajax.Request>>http://www.prototypejs.org/api/ajax/request]] is in the form of:
37 +
38 +* AjaxRequestLink
39 +* AjaxRequestButton
40 +
12 12  ==== Prototype + Scriptaculous Widgets ====
13 13  
14 14  * Accordion
... ... @@ -16,3 +16,18 @@
16 16  * ModalBox
17 17  * CalendarDateSelect
18 18  * FileUpload
48 +
49 +== Forms in ERPrototaculous ==
50 +
51 +Differences from using forms in WebObjects. i.e ##WOForm##:
52 +
53 +1. All form controls must be named. This includes text fields, selects and buttons.
54 +(WebObjects dynamically assigned names are not compatible with ERPrototaculous).
55 +1. All forms in an ERPrototaculous app are instances of ##AjaxUpdaterForm##.
56 +1. Form submits can be the form of a:
57 +
58 +*
59 +** Static ##<button>##
60 +** WOSubmitButton (if the result is to update whole page/app.
61 +** AjaxUpdaterButton (to update a **container**). Or
62 +** AjaxRequestButton (for a background ajax request)