]> git.pond.sub.org Git - eow/blobdiff - static/dojo-release-1.1.1/dojox/dtl/demos/demo_Templated.html
add Dojo 1.1.1
[eow] / static / dojo-release-1.1.1 / dojox / dtl / demos / demo_Templated.html
diff --git a/static/dojo-release-1.1.1/dojox/dtl/demos/demo_Templated.html b/static/dojo-release-1.1.1/dojox/dtl/demos/demo_Templated.html
new file mode 100644 (file)
index 0000000..b538811
--- /dev/null
@@ -0,0 +1,36 @@
+<html>
+       <head>
+                       <title>Demo using dojox.dtl._Templated</title>
+           <script type="text/javascript" src="../../../dojo/dojo.js"
+                               djConfig="isDebug: true, parseOnLoad: true"></script>
+           <script type="text/javascript" src="../../../dijit/dijit.js"></script> 
+           <script type="text/javascript">
+                                       dojo.require("dojox.dtl._Templated");
+
+                                       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>'
+                                       });
+
+               dojo.require("dojo.parser");
+           </script>
+                       <body>
+                               <div dojoType="Fruit"></div>
+                       </body>
+       </head>
+</html>