- Revision
- 834
- Author
- mauro
- Date
- 2008-09-10 11:12:01 -0500 (Wed, 10 Sep 2008)
Log Message
Added or updated links to external frameworks.
Modified Paths
- trunk/waffle-distribution/src/site/content/ajax.html
- trunk/waffle-distribution/src/site/content/dynamic.html
- trunk/waffle-distribution/src/site/content/views.html
Diff
Modified: trunk/waffle-distribution/src/site/content/ajax.html (833 => 834)
--- trunk/waffle-distribution/src/site/content/ajax.html 2008-09-10 14:08:50 UTC (rev 833) +++ trunk/waffle-distribution/src/site/content/ajax.html 2008-09-10 16:12:01 UTC (rev 834) @@ -6,21 +6,18 @@ </head> <body> - <h2>Ajax</h2> +<h2>Ajax</h2> - <p> - Waffle was built to be easy to develop with and this ease extends to Ajax support as well. Utilizing AJAX in Waffle - application is straightforward and simple. The examples here use the well known - <a href="" _javascript_ Framework</a>. - </p> +<p>Waffle was built to be easy to develop with and this ease extends to Ajax support as well. Utilizing Ajax in +Waffle application is straightforward and simple. The examples here use the well known <a href="" +_javascript_ Framework</a>.</p> - <h3>Ajax Controller</h3> +<h3>Ajax Controller</h3> - <p>We will create a simple Controller with an event (<b>int random();</b>) that will return a random number between 0 - and 10. To make it more interesting whenever the value equals 5 the event will throw an Exception. - </p> +<p>We will create a simple Controller with an event (<b>int random();</b>) that will return a random number between +0 and 10. To make it more interesting whenever the value equals 5 the event will throw an Exception.</p> - <textarea class="java:nogutter:nocontrols" name="code"> +<textarea class="java:nogutter:nocontrols" name="code"> public class FoobarController implements Serializable { private Random random = new Random(); @@ -39,41 +36,36 @@ } </textarea> - <h3>Ajax-ified View</h3> +<h3>Ajax-ified View</h3> - <p>So we create a simple View that will periodically (every 2 seconds is the default) request a new value from the Server.</p> +<p>So we create a simple View that will periodically (every 2 seconds is the default) request a new value from the +Server.</p> +<ul> + <li>We import the prototype _javascript_ file to provide the ajax foundation</li> + <li>The custom ajax call is <b>new Ajax.PeriodicalUpdater("random", "foobar.waffle?method=random");</b></li> + <li>The first argument <b>"random"</b> refers to the element id tag in the html (the <i>div</i>)</li> + <li>The second argument <b>foobar.waffle?method=random</b> represents what will be periodically called to the + server. <ul> - <li>We import the prototype _javascript_ file to provide the ajax foundation</li> - <li>The custom ajax call is <b>new Ajax.PeriodicalUpdater("random", "foobar.waffle?method=random");</b></li> - <li>The first argument <b>"random"</b> refers to the element id tag in the html (the <i><div></i>)</li> - <li>The second argument <b>foobar.waffle?method=random</b> represents what will be periodically called to the server. - <ul> - <li><b>foobar.waffle</b> the Action is registered under the key value "<i>foobar</i>".</li> - <li><b>method=random</b> signifies that the "random" ActionMethod method will be called on the Controller.</li> - </ul> - </li> + <li><b>foobar.waffle</b> the Action is registered under the key value "<i>foobar</i>".</li> + <li><b>method=random</b> signifies that the "random" ActionMethod method will be called on the Controller.</li> </ul> + </li> +</ul> - <textarea class="html:nogutter:nocontrols" name="code"> - <html> - <head> - <script type="text/_javascript_" src="" - <script type="text/_javascript_"> - new Ajax.PeriodicalUpdater("random", "foobar.waffle?method=random"); - </script> - </head> - <h1>Random value from Server: <div id="random"></div></h1> - </html> +<textarea class="xml:nogutter:nocontrols" name="code"> + <script type="text/_javascript_" src="" + <script type="text/_javascript_">new Ajax.PeriodicalUpdater("random", "foobar.waffle?method=random"); </script> + Random value from Server: <div id="random"></div> </textarea> - <h3>Wire it up with the Registrar</h3> +<h3>Wire it up with the Registrar</h3> - <p>The <i>FoobarController</i> is registered under the name "<i>foobar</i>". Notice that the Controller is being - registered to the Application level context. - </p> +<p>The <i>FoobarController</i> is registered under the name "<i>foobar</i>". Notice that the Controller is being +registered to the Application level context.</p> - <textarea class="java:nogutter:nocontrols" name="code"> +<textarea class="java:nogutter:nocontrols" name="code"> public class CustomRegistrar extends AbstractRegistrar { public CustomRegistrar(Registrar delegate) { super(delegate); @@ -85,8 +77,10 @@ } </textarea> - <p>The document that comes back over the wire per Ajax request, is a one-line toString() transformation on the int - result of the random() method. This is performed by DefaultActionMethodResponseHandler.</p> +<p>The document that comes back over the wire per Ajax request, is a one-line toString() transformation on the int +result of the random() method. This is performed by <b><a + href="" +org.codehaus.waffle.action.ActionMethodResponseHandler</a></b>.</p> </body>
Modified: trunk/waffle-distribution/src/site/content/dynamic.html (833 => 834)
--- trunk/waffle-distribution/src/site/content/dynamic.html 2008-09-10 14:08:50 UTC (rev 833) +++ trunk/waffle-distribution/src/site/content/dynamic.html 2008-09-10 16:12:01 UTC (rev 834) @@ -6,22 +6,16 @@ </head> <body> - <h3>Partial page rendering</h3> +<h3>Partial page rendering</h3> - <p> - By simply having an <i>ActionMethod</i> invoked through an asynchronous call which return <i>Views</i> you'll be - able to build your web applications to take advantage of partial page rendering. The View will represent a complete - fragment of HTML that the invoking _javascript_ can insert directly into the DOM of the web-app. Your starting page - may be a be something with tabs, and each tab could be loaded after the front tab has been rendered when clicked - on. - </p> - <p> - As with full pages rendered via JSP or FreeMarker, you can use tools like DreamWeaver to layout the 'div' you are - trying to make. With this style of development you can make full blown Web 2.0 applications like Gmail. - </p> +<p>By simply having an <a href="" invoked through an asynchronous call which +return <a href="" you'll be able to build your web applications to take advantage of partial page +rendering. The View will represent a complete fragment of HTML that the invoking _javascript_ can insert directly into the +DOM of the web-app. Your starting page may be a be something with tabs, and each tab could be loaded after the front tab +has been rendered when clicked on.</p> +<p>As with full pages rendered using JSP or <a href="" views, you can use +HTML-editing tools (such as supported in modern IDEs or using standalone tools like DreamWeaver) to layout the 'div' you +are trying to make. With this style of development you can make full blown Web 2.0 applications like Gmail.</p> - <p>TODO ... need example!!! ...</p> - </body> - </html>
Modified: trunk/waffle-distribution/src/site/content/views.html (833 => 834)
--- trunk/waffle-distribution/src/site/content/views.html 2008-09-10 14:08:50 UTC (rev 833) +++ trunk/waffle-distribution/src/site/content/views.html 2008-09-10 16:12:01 UTC (rev 834) @@ -6,8 +6,8 @@ <body> <h2>Views</h2> -<p>With Waffle you can write views with either Java Server Pages (JSP), -FreeMarker or Velocity. Other view technologies, like Tiles or +<p>With Waffle you can write views with either <a href="" Server Pages (JSP)</a>, +<a href="" or <a href="" Other view technologies, like Tiles or Sitemesh are compatible with Waffle (eg cf our Freemarker example).</p> <h3>Java Server Pages</h3>
To unsubscribe from this list please visit:
