/public/javascripts/dojo/dojox/dtl/demos/demo_Events.html

http://enginey.googlecode.com/ · HTML · 46 lines · 44 code · 2 blank · 0 comment · 0 complexity · 2c17bda1484ed70264dde1ea70f24c68 MD5 · raw file 

    

  1. <html>
    2. 

  2. 	<head>
    3. 

  3. 			<title>Demo using dojox.dtl._Templated</title>
    4. 

  4. 	    <script type="text/javascript" src="../../../dojo/dojo.js"
    5. 

  5. 				djConfig="isDebug: true, parseOnLoad: true"></script>
    6. 

  6. 	    <script type="text/javascript" src="../../../dijit/dijit.js"></script>
    7. 

  7. 			<style type="text/css">
    8. 

  8. 				@import "../../../dijit/themes/tundra/tundra.css";
    9. 

  9. 			</style>
    10. 

  10. 	    <script type="text/javascript">
    11. 

  11. 					dojo.require("dojox.dtl._HtmlTemplated");
    12. 

  12. 					dojo.require("dijit.form.Button");
    13. 

  13. 

  14. 					dojo.declare("Fruit", [dijit._Widget, dojox.dtl._HtmlTemplated], {
    15. 

  15. 						widgetsInTemplate: true,
    16. 

  16. 						items: ["apple", "banana", "orange"],
    17. 

  17. 						keyUp: function(e){
    18. 

  18. 							if((e.type == "click" || e.keyCode == dojo.keys.ENTER) && this.input.value){
    19. 

  19. 								var i = dojo.indexOf(this.items, this.input.value);
    20. 

  20. 								if(i != -1){
    21. 

  21. 									this.items.splice(i, 1);
    22. 

  22. 								}else{
    23. 

  23. 									this.items.push(this.input.value);
    24. 

  24. 								}
    25. 

  25. 								this.input.value = "";
    26. 

  26. 								this.render();
    27. 

  27. 							}
    28. 

  28. 						},
    29. 

  29. 						postCreate: function(){
    30. 

  30. 						 	this.render();
    31. 

  31. 							dojo.connect(this.button, "onClick", this, "keyUp");
    32. 

  32. 						},
    33. 

  33. 						debug: function(e, verb, fruit){
    34. 

  34. 							console.debug("You " + verb + " a:", fruit);
    35. 

  35. 						},
    36. 

  36. 						// Note, the load tag here is superfluous, since _HtmlTemplate has a dojo.require for it.
    37. 

  37. 						templateString: '<!--{% load dojox.dtl.contrib.dijit %}--><div><input dojoAttachEvent="onkeyup: keyUp" dojoAttachPoint="input"> <button dojoType="dijit.form.Button" dojoAttachPoint="button">Add/Remove Item</button><ul><!--{% for item in items %}--><li onclick="debug \'ate\' item"><!--{{ item }}--></li><!--{% endfor %}--></ul></div>'
    38. 

  38. 					});
    39. 

  39. 

  40. 	        dojo.require("dojo.parser");
    41. 

  41. 	    </script>
    42. 

  42. 	</head>
    43. 

  43. 	<body class="tundra">
    44. 

  44. 		<div dojoType="Fruit"></div>
    45. 

  45. 	</body>
    46. 

  46. </html>
    47.