@@ -26,6 +26,15 @@ ] } + var DATA1 = { + masterName:'masterName', + children:[ + { childName:'childName1' }, + { childName:'childName2' }, + { childName:'childName3' }, + ] + }; + </script> </p> @@ -57,10 +66,15 @@ MyTemplate = new SubtleTemplate($('template2')); // Prepopulate some random data to get some rows +var demo = $('demo'); function add_rows(){ new MyTemplate(DATA).inject($$('#demo ol')[0]); + var masterTemplateElement = new Element('div',{html:'{masterName} <p class="SubtleTemplate children">{childName}</p>'}).inject(demo); + var MasterTemplate = new SubtleTemplate(masterTemplateElement); + var myMasterTemplate = new MasterTemplate(DATA1).inject(demo); + } window.addEvent('domready', add_rows); Demos/demo8.html @@ -1,11 +1,3 @@ -/* -Script: Selectors.Children.js - Specification Examples of Pseudo Selector :children. - -License: - MIT-style license. -*/ - describe('SubtleTemplate', { 'before all': function(){ @@ -171,6 +163,7 @@ describe('SubtleTemplate', { value_of( template.get('id') ).should_be( 'subtletemplate' ) value_of( fred.element.get('id') ).should_not_be( 'subtletemplate' ) } +/* ,"should keep additional classes when repopulated": function(){ // Start with class="one{one} two{two} three{three}" @@ -185,6 +178,7 @@ describe('SubtleTemplate', { // class should be "one4 two5 three6 four4" } +*/ ,"should bless an existing element if provided": function(){ // Make a new normal html element @@ -196,4 +190,33 @@ describe('SubtleTemplate', { value_of( myExistingElement.get('html') ).should_match( 'myExistingElement is populated!' ); } + ,"should create sub templates when children of the template element include an that match the subtemplate classname": function(){ + var DATA = { + masterName:'masterName', + children:[ + { childName:'childName1' }, + { childName:'childName2' }, + { childName:'childName3' } + ] + }; + var masterTemplateElement = new Element('div',{html:'{masterName} <p SubtleTemplate="children">{childName}</p>'}).inject(demo); + var MasterTemplate = new SubtleTemplate(masterTemplateElement); + var myMasterTemplate = new MasterTemplate(DATA).inject(demo); + + value_of( demo.getElements('p').length ).should_be(3); + + DATA.children.push({ childName:'childName4' }); + myMasterTemplate.populate(DATA); + + value_of( demo.getElements('p').length ).should_be(4); + + delete DATA.children + myMasterTemplate.populate(DATA); + + value_of( DATA.children ).should_be_undefined(); + value_of( demo.getElements('p').length ).should_be(0); + } }); + + + Specs/Plugins/SubtleTemplate.js @@ -3,7 +3,7 @@ <plist version="1.0"> <dict> <key>currentDocument</key> - <string>Source/Plugins/SubtleTemplate.js</string> + <string>Specs/Plugins/SubtleTemplate.js</string> <key>documents</key> <array> <dict> @@ -179,6 +179,20 @@ <key>firstVisibleLine</key> <integer>0</integer> </dict> + <key>Demos/demo8.html</key> + <dict> + <key>caret</key> + <dict> + <key>column</key> + <integer>1</integer> + <key>line</key> + <integer>76</integer> + </dict> + <key>firstVisibleColumn</key> + <integer>0</integer> + <key>firstVisibleLine</key> + <integer>4</integer> + </dict> <key>Source/Plugins/SubtleTemplate.js</key> <dict> <key>caret</key> @@ -191,7 +205,21 @@ <key>firstVisibleColumn</key> <integer>0</integer> <key>firstVisibleLine</key> - <integer>76</integer> + <integer>0</integer> + </dict> + <key>Specs/Plugins/SubtleTemplate.js</key> + <dict> + <key>caret</key> + <dict> + <key>column</key> + <integer>53</integer> + <key>line</key> + <integer>216</integer> + </dict> + <key>firstVisibleColumn</key> + <integer>0</integer> + <key>firstVisibleLine</key> + <integer>142</integer> </dict> </dict> <key>openDocuments</key> @@ -206,9 +234,13 @@ <string>Demos/demo6.html</string> <string>Demos/demo7.html</string> <string>Source/Plugins/SubtleTemplate.js</string> + <string>Specs/Plugins/SubtleTemplate.js</string> + <string>Demos/demo8.html</string> </array> <key>showFileHierarchyDrawer</key> <false/> + <key>showFileHierarchyPanel</key> + <true/> <key>treeState</key> <dict> <key>mootools-subtle-templates</key> @@ -220,6 +252,6 @@ </dict> </dict> <key>windowFrame</key> - <string>{{1920, 0}, {1396, 1200}}</string> + <string>{{524, 69}, {1396, 1109}}</string> </dict> </plist> mootools-subtle-templates.tmproj 1902ced26cc7e6e7a28a6aa3ca0b92a0bb71b948 Thomas Aylott oblivious+git@subtlegradient.com http://github.com/subtleGradient/mootools-subtle-templates/commit/8ca6dcce63d6ce5495b15bd333c04c466478eb61 8ca6dcce63d6ce5495b15bd333c04c466478eb61 2009-01-21T19:03:19-08:00 2009-01-21T19:03:19-08:00 Mode examples for demo8 0a10e2721dcfe250dd6b10e5fb142d6ac98ff33a Thomas Aylott oblivious+git@subtlegradient.com