diff options
Diffstat (limited to 'includes/js/dojox/dtl/tests/demo_Templated_Jaxer.html')
| -rw-r--r-- | includes/js/dojox/dtl/tests/demo_Templated_Jaxer.html | 87 |
1 files changed, 87 insertions, 0 deletions
diff --git a/includes/js/dojox/dtl/tests/demo_Templated_Jaxer.html b/includes/js/dojox/dtl/tests/demo_Templated_Jaxer.html new file mode 100644 index 0000000..29e5470 --- /dev/null +++ b/includes/js/dojox/dtl/tests/demo_Templated_Jaxer.html @@ -0,0 +1,87 @@ +<html> + <head> + <title>Demo using dojox.dtl._Templated</title> + <script runat="server"> + djConfig = {baseUrl:"/dojo/",usePlainJson: true, parseOnLoad: true}; + </script> + <script runat="server" type="text/javascript" src="../../../dojo/dojo.js"></script> + <script runat="server" type="text/javascript"> + dojo.require("dojo.jaxer"); + dojo.require("dijit.dijit"); + dojo.require("dojox.dtl._Templated"); + dojo.require("dojo.parser"); + + dojo.declare("Fruit", [dijit._Widget, dojox.dtl._Templated], { + oldRepl: "Fruit: ", + _dijitTemplateCompat: true, + items: ["apple", "banana", "orange"], + keyUp: function(e){ + if(e.keyCode == dojo.keys.ENTER){ + var i = dojo.indexOf(this.items, e.target.value); + if(i != -1){ + this.items.splice(i, 1); + }else{ + this.items.push(e.target.value); + } + e.target.value = ""; + this.render(); + dojo.query("input", this.domNode).forEach("item.focus();"); + } + }, + templateString: '<div><input dojoAttachEvent="onkeyup: keyUp"><ul>{% for item in items %}<li>${oldRepl} {{ item }}</li>{% endfor %}</ul></div>' + }); + </script> + <body> + <h1>Using Dojo's Django Template language on Jaxer</h1> + <p> + Aptana's Jaxer is server side JavaScript (SSJS) server. With some modifications to + a web page, Dojo can be run on the server. With Dojo running on the server, you can + utilize the Dojo's Django Template library rendering engine to do templating within + Jaxer. The latest build of Dojo includes some patches to properly work with Jaxer, + so you need a build of Dojo later than 2/18/08 to work with Jaxer. Next, the + following modifications to your page are needed to run Jaxer: + <ul> + <li> + You must explicitly set the base url of the Dojo library. Jaxer does not provide + the ability for Dojo to auto-detect the base url as it can in other environments. + Therefore you must declare the base url with the djConfig global variable: + <pre> + <script runat="server"> + djConfig = {baseUrl:"/dojo/", // use the base path of dojo here + usePlainJson: true, parseOnLoad: true}; + </script> + </pre> + </li> + <li> + Next, you must add the runat attribute with a value of "server" to all of the script + tags that you want executed on the server. Your script tags should look like: + <pre> + <script runat="server" type="text/javascript" src="../../../dojo/dojo.js"></script> + </pre> + </li> + <li> + Last, you must dojo.require("dojo.jaxer") with a script tag. This should immediately + follow the declaration of dojo.js: + <pre> + <script runat="server" type="text/javascript" src="../../../dojo/dojo.js"></script> + <script runat="server" type="text/javascript">dojo.require("dojo.jaxer");</script> + </pre> + </li> + </ul> + </p> + <p> + Once this is done, Dojo should load in Jaxer, and you can utilize the library capabilities of + Dojo. In particular, you can now use DTL renderer as you would on + the browser. If you are running this in Jaxer, below should be a working demonstration of + a template that is rendered on the server. + </p> + <div dojoType="Fruit"></div> + <p> + It is important to note that Jaxer is not capable of transferring the programmaticaly set + event handlers for widgets, it can only send the static HTML to the browser. This means + you can use DTL as a templating engine to create HTML on the server, but Dojo client side widgets + are still necessary if you want to use interactive widgets on the browser. + </p> + </body> + </head> +</html>
\ No newline at end of file |