/public/javascripts/dojo/release/dojo/dojox/widget/tests/test_Iterator.html

http://enginey.googlecode.com/ · HTML · 77 lines · 65 code · 10 blank · 2 comment · 0 complexity · 42c8a4586abb259fa02e8f0ac82cdf27 MD5 · raw file 

    

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    2. 

  2.         "http://www.w3.org/TR/html4/strict.dtd">
    3. 

  3. <html>
    4. 

  4. <head>
    5. 

  5. 	<title>Dojox Iterator Test</title>
    6. 

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

  7. 		@import "../../../dojo/resources/dojo.css";
    8. 

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

  9. 		@import "../../../dijit/themes/dijit.css";
    10. 

  10. 		@import "../../../dijit/tests/css/dijitTests.css"; 
    11. 

  11. 	</style>
    12. 

  12. 

  13. 	<!-- required: dojo.js -->
    14. 

  14. 	<script type="text/javascript" src="../../../dojo/dojo.js" djConfig="isDebug:true, parseOnLoad: true"></script>
    15. 

  15. 

  16. 	<!-- do not use! only for testing dynamic themes -->
    17. 

  17. 	<script type="text/javascript" src="../../../dijit/tests/_testCommon.js"></script>
    18. 

  18. 	
    19. 

  19. 	<script type="text/javascript">
    20. 

  20. 		dojo.require("dijit.layout.TabContainer");
    21. 

  21. 		dojo.require("dijit.layout.SplitContainer");
    22. 

  22. 		dojo.require("dojo.data.ItemFileReadStore"); 
    23. 

  23. 		dojo.require("dojox.widget.Iterator"); 
    24. 

  24. 		dojo.require("dojo.parser");	// scan page for widgets and instantiate them
    25. 

  25. 	</script>
    26. 

  26. 	
    27. 

  27. </head>
    28. 

  28. <body class="tundra">
    29. 

  29. 

  30. 	<h1 class="testTitle">Dojox Iterator test</h1>
    31. 

  31. 

  32. 	<div dojoType="dojo.data.ItemFileReadStore" 
    33. 

  33. 		url="../../../dijit/tests/_data/countries.json" 
    34. 

  34. 		jsId="stateStore"></div>
    35. 

  35. 	
    36. 

  36. 	<h3>Data store backed Iterator</h3>
    37. 

  37. 	<ul>
    38. 

  38. 		<li>before</li>
    39. 

  39. 		<li dojoType="dojox.widget.Iterator" 
    40. 

  40. 			query="{ name: 'A*' }"
    41. 

  41. 			store="stateStore">
    42. 

  42. 			${name}
    43. 

  43. 		</li>
    44. 

  44. 		<li>after</li>
    45. 

  45. 	</ul>
    46. 

  46. 

  47. 	<h3>Array backed Iterator</h3>
    48. 

  48. 	<ul>
    49. 

  49. 		<li>before</li>
    50. 

  50. 		<script>
    51. 

  51. 			var tdata = [
    52. 

  52. 				{ thinger: "blah", name: "named:" },
    53. 

  53. 				{ thinger: "..." },
    54. 

  54. 				{ thinger: "w00t!" }
    55. 

  55. 			];
    56. 

  56. 		</script>
    57. 

  57. 		<li dojoType="dojox.widget.Iterator" 
    58. 

  58. 			defaultValue="*this space intentionally left blank*"
    59. 

  59. 			data="tdata">
    60. 

  60. 			${name} ${thinger}
    61. 

  61. 		</li>
    62. 

  62. 		<li>after</li>
    63. 

  63. 	</ul>
    64. 

  64. 

  65. 	<h3>Array-property Iterator</h3>
    66. 

  66. 	<ul>
    67. 

  67. 		<li>before</li>
    68. 

  68. 		<li>blah</li>
    69. 

  69. 		<li dojoType="dojox.widget.Iterator" 
    70. 

  70. 			dataValues="thinger, blah, blah">
    71. 

  71. 			${value}
    72. 

  72. 		</li>
    73. 

  73. 		<li>after</li>
    74. 

  74. 	</ul>
    75. 

  75. 

  76. </body>
    77. 

  77. </html>
    78.