Plan Your Public Transit Route with HopStop »
« Dtrace Firefox to get inside the black box

Velocity2JS: Templating within

Written by on May 15th, 2007 in Ajax News.

You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Velocity is a popular templating system for Java developers. Velocity2JS takes the engine and has it output JavaScript functions.

Example Velocity Template

HTML:

  1.  
  4. Hello $world.name!
  6. #foreach( $greeting in $greetings )
  7.    <tr>
  8.         <td>$greeting.language</td>
  9.         <td>$greeting.text</td>
  10.    </tr>
  11. #end
  12. </table>
  13. </body>
  14. </html>
  15.  

JS Output

JAVASCRIPT:

  1.  
  2. function helloworld(context) {
  3.         var text = new StringCat();
  4.         text.push(’<html><body>Hello ‘);
  5.         text.push(context.world.name);
  6.         text.push(’<table>’);
  7.         for (var i1=0;  i1<context .greetings.length; i1++) {
  8.                 var greeting = context.greetings[i1]);
  9.                 text.push(’   <tr>      <td>’);
  10.                 text.push(greeting.language);
  11.                 text.push(’</td><td>’);
  12.                 text.push(greeting.text);
  13.                 text.push(’</td>        <td>’);  
  14.         }
  15.         text.push(’</td></context></table></body></html>’);
  16.         return text.toString();
  17. }
  18.  

Source: Ajaxian
Original Article: http://ajaxian.com/archives/velocity2js-templating-within

Leave a Reply

You must be logged in to post a comment.


Site Navigation

Pages

Recently

Archives