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, 0 insertions, 87 deletions
diff --git a/includes/js/dojox/dtl/tests/demo_Templated_Jaxer.html b/includes/js/dojox/dtl/tests/demo_Templated_Jaxer.html deleted file mode 100644 index 29e5470..0000000 --- a/includes/js/dojox/dtl/tests/demo_Templated_Jaxer.html +++ /dev/null @@ -1,87 +0,0 @@ -<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 |