add Dojo 1.1.1

[eow] / static / dojo-release-1.1.1 / dojox / dtl / demos / demo_HtmlTemplated.html
diff --git a/static/dojo-release-1.1.1/dojox/dtl/demos/demo_HtmlTemplated.html b/static/dojo-release-1.1.1/dojox/dtl/demos/demo_HtmlTemplated.html

new file mode 100644 (file)

index 0000000..71dabe4
--- /dev/null
+++ b/static/dojo-release-1.1.1/dojox/dtl/demos/demo_HtmlTemplated.html
@@ -0,0 +1,40 @@
+<html>
+       <head>
+                       <title>Demo using dojox.dtl._HtmlTemplated</title>
+           <script type="text/javascript" src="../../../dojo/dojo.js"
+                               djConfig="isDebug: true, parseOnLoad: true"></script>
+           <script type="text/javascript" src="../../../dijit/dijit.js"></script>
+                       <style type="text/css">
+                               @import "../../../dijit/themes/tundra/tundra.css";
+                       </style>
+           <script type="text/javascript">
+                                       dojo.require("dojox.dtl._HtmlTemplated");
+                                       dojo.require("dijit.form.Button");
+
+                                       dojo.declare("Fruit", [dijit._Widget, dojox.dtl._HtmlTemplated], {
+                                               widgetsInTemplate: true,
+                                               items: ["apple", "banana", "orange"],
+                                               keyUp: function(e){
+                                                       if((e.type == "click" || e.keyCode == dojo.keys.ENTER) && this.input.value){
+                                                               console.debug(this.button);
+                                                               var i = dojo.indexOf(this.items, this.input.value);
+                                                               if(i != -1){
+                                                                       this.items.splice(i, 1);
+                                                               }else{
+                                                                       this.items.push(this.input.value);
+                                                               }
+                                                               this.input.value = "";
+                                                               this.render();
+                                                       }
+                                               },
+                                               // Note, the load tag here is superfluous, since _HtmlTemplate has a dojo.require for it.
+                                               templateString: '<!--{% load dojox.dtl.contrib.dijit %}--><div><input dojoAttachEvent="onkeyup: keyUp" dojoAttachPoint="input"> <button dojoType="dijit.form.Button" dojoAttachPoint="button" dojoAttachEvent="onClick: keyUp">Add/Remove Item</button><ul><!--{% for item in items %}--><li><button dojoType="dijit.form.Button parsed" title="Fruit: {{ item }}"><!--{{ item }}--><script type="dojo/connect" event="onClick" args="e">console.debug("You clicked", this.containerNode.innerHTML);</' + 'script></button></li><!--{% endfor %}--></ul></div>'
+                                       });
+
+               dojo.require("dojo.parser");
+           </script>
+                       <body class="tundra">
+                               <div dojoType="Fruit" id="dtl"></div>
+                       </body>
+       </head>
+</html>
+\ No newline at end of file