git.pond.sub.org Git - eow/blob - static/dojo-release-1.1.1/dojox/dtl/demos/demo_Templated.html

   1 <html>
   2         <head>
   3                         <title>Demo using dojox.dtl._Templated</title>
   4             <script type="text/javascript" src="../../../dojo/dojo.js"
   5                                 djConfig="isDebug: true, parseOnLoad: true"></script>
   6             <script type="text/javascript" src="../../../dijit/dijit.js"></script>
   7             <script type="text/javascript">
   8                                         dojo.require("dojox.dtl._Templated");
   9
  10                                         dojo.declare("Fruit", [dijit._Widget, dojox.dtl._Templated], {
  11                                                 oldRepl: "Fruit: ",
  12                                                 _dijitTemplateCompat: true,
  13                                                 items: ["apple", "banana", "orange"],
  14                                                 keyUp: function(e){
  15                                                         if(e.keyCode == dojo.keys.ENTER){
  16                                                                 var i = dojo.indexOf(this.items, e.target.value);
  17                                                                 if(i != -1){
  18                                                                         this.items.splice(i, 1);
  19                                                                 }else{
  20                                                                         this.items.push(e.target.value);
  21                                                                 }
  22                                                                 e.target.value = "";
  23                                                                 this.render();
  24                                                                 dojo.query("input", this.domNode).forEach("item.focus();");
  25                                                         }
  26                                                 },
  27                                                 templateString: '<div><input dojoAttachEvent="onkeyup: keyUp"><ul>{% for item in items %}<li>${oldRepl} {{ item }}</li>{% endfor %}</ul></div>'
  28                                         });
  29
  30                 dojo.require("dojo.parser");
  31             </script>
  32                         <body>
  33                                 <div dojoType="Fruit"></div>
  34                         </body>
  35         </head>
  36 </html>