Wiki source code of ERJQuery
Version 99.1 by Ravi Mendis on 2010/11/30 05:16
Hide last authors
| author | version | line-number | content |
|---|---|---|---|
 |
33.1 | 1 | == What is ERJQuery? == |
| 2 | |||
| |
99.1 | 3 | ERJQuery is an alternative, //pseudo-stateless// Ajax framework for WebObjects applications. |
| 4 | It's is a [[jQuery>>url:http://jquery.com/||shape="rect"]] version of [[doc:ERPrototaculous]]. | ||
| 5 | ERJQuery and [[doc:ERPrototaculous]] are mutually exclusive frameworks. In other words, you may only use one or the other. | ||
| |
33.1 | 6 | |
| |
51.1 | 7 | Features include: |
| 8 | |||
| |
99.1 | 9 | * 'Organic' support for [[jQuery>>url:http://jquery.com/||shape="rect"]] in WebObjects. |
| |
51.1 | 10 | ** Light-weight dynamic elements to support jQuery |
| 11 | ** Transparent API that doesn't hide or abstract jQuery | ||
| 12 | ** Sans patches or extensions to jQuery | ||
| |
99.1 | 13 | * Use of [[Unobtrusive Javascript>>url:http://en.wikipedia.org/wiki/Unobtrusive_JavaScript||shape="rect"]]. |
| |
51.1 | 14 | * Pseudo-stateless ajax responses |
| 15 | * A set of jQuery widgets. | ||
| 16 | |||
| |
99.1 | 17 | Ajax actions and update containers are handled just like [[doc:ERPrototaculous]] except they use jQuery instead of Prototype and Scriptaculous. |
| |
51.1 | 18 | |
| |
81.1 | 19 | ==== Unobtrusive JavaScript in ERJQuery ==== |
| 20 | |||
| |
99.1 | 21 | {{include 0="WO:Using Unobtrusive JavaScript"/}} |
| |
81.1 | 22 | |
| |
99.1 | 23 | {{code}} |
| 24 | |||
| 25 | er.jquery.useUnobtrusively = true | ||
| 26 | |||
| 27 | {{/code}} | ||
| 28 | |||
| |
81.1 | 29 | ==== jQuery WebObjects Elements ==== |
| 30 | |||
| |
99.1 | 31 | //jQuery.get()// has been implemented as a WebObjects dynamic element. Currently support for [[jQuery.get()>>url:http://api.jquery.com/jQuery.get/||shape="rect"]] and [[.load()>>url:http://api.jquery.com/load/||shape="rect"]] is limited to the following: |
| |
81.1 | 32 | |
| 33 | ===== jQuery.get() ===== | ||
| 34 | |||
| 35 | * jQueryGetLink | ||
| 36 | |||
| |
99.1 | 37 | ===== jQuery.load() ===== |
| 38 | |||
| 39 | * jQueryLoadLink | ||
| 40 | |||
| |
51.1 | 41 | ==== jQuery Widgets ==== |
| 42 | |||
| |
99.1 | 43 | (% class="alternate" %) |
| 44 | * [[FileUpload>>url:http://valums.com/ajax-upload/||shape="rect"]] | ||
| 45 | * [[Video Player>>url:http://www.longtailvideo.com/players/jw-flv-player||shape="rect"]] | ||
| 46 | * [[Tweet Button>>url:http://twitter.com/about/resources/tweetbutton||shape="rect"]] | ||
| |
51.1 | 47 | |
| |
63.1 | 48 | Support for the file upload widget has been implemented as an input and as a CSS style-able container. |
| |
51.1 | 49 | |
| |
99.1 | 50 | = Embrace Statelessness! = |
| |
65.1 | 51 | |
| |
99.1 | 52 | {{include 0="WO:Embrace Statelessness"/}} |
| |
65.1 | 53 | |
| |
99.1 | 54 | ERJQuery embraces the stateless model Ajax offers in exchange for simplifying the work WebObjects has to do - it's a win-win! |
| |
65.1 | 55 | |
| |
71.1 | 56 | So you may observe one notable difference between ERJQuery and the Ajax framework is in the way it handles ajax responses. |
| |
99.1 | 57 | In ERJQuery, updates and actions break with standard WebObjects behaviour by being pseudo-stateless just like [[doc:ERPrototaculous]]. |
| |
65.1 | 58 | |
| |
51.1 | 59 | == Compatibility == |
| 60 | |||
| 61 | ERJQuery can not be used with WebObjects 5.3 as it is dependent on the hooks for ajax added to WebObjects with version 5.4. | ||
| 62 | |||
| |
99.1 | 63 | {{warning title="ERJQuery is WebObjects *5.4* compatible only"/}} |
| |
51.1 | 64 | |
| |
99.1 | 65 | == External Links == |
| |
51.1 | 66 | |
| |
99.1 | 67 | WOWODC '10 (Slides) - [[DirectToWeb 2.0>>url:http://www.wocommunity.org/wowodc10/slides/D2W2.pdf||shape="rect"]] |