Updated to use the new Tree Styling API

vvoovv · Apr 6, 2012 · a508574 · a508574
1 parent 8781a39
commit a508574
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 6 deletions.
diff --git a/demos/tree01.html b/demos/tree01.html
@@ -50,16 +50,16 @@ <h2>Click a checkbox</h2>
         "cbtree"
         ], function( array, connect, dom, ItemFileWriteStore, cbtree ) {
 
-          function checkBoxClicked( storeItem, nodeWidget, evt ) {
+          function checkBoxClicked( item, nodeWidget, evt ) {
             var newState = nodeWidget.get("checked" );
-            var  label    = this.getItemAttr(storeItem,"label");
+            var  label    = this.getItemAttr(item,"label");
 
             if( newState ) {
-              nodeWidget.set("iconStyle", {border:"solid"} );
-              nodeWidget.set("labelStyle",{color:"red"});
+              tree.set("iconStyle", {border:"solid"}, item );
+              tree.set("labelStyle",{color:"red"}, item );
             } else {
-              nodeWidget.set("iconStyle", {border:"none"} );
-              nodeWidget.set("labelStyle",{color:"black"});
+              tree.set("iconStyle", {border:"none"}, item );
+              tree.set("labelStyle",{color:"black"}, item );
             }
             alert( "The new state for " + label + " is: " + newState );
           }

diff --git a/demos/tree04.html b/demos/tree04.html
@@ -31,6 +31,7 @@
 
   <body class="claro">
     <div id="CheckboxTree">	
+			<h4>Third Party Widget &lt;TriStateCheckBox&gt; mixed in</h4>
       <script type="text/javascript">
 
       require([

diff --git a/themes/claro/images/spriteCheckbox.gif b/themes/claro/images/spriteCheckbox.gif
diff --git a/themes/claro/images/spriteCheckbox.png b/themes/claro/images/spriteCheckbox.png