Upgrade to ExtJS 3.0.0 - Released 07/06/2009

[extjs.git] / docs / source / check-tree.html
diff --git a/docs/source/check-tree.html b/docs/source/check-tree.html

new file mode 100644 (file)

index 0000000..faa235b
--- /dev/null
+++ b/docs/source/check-tree.html
@@ -0,0 +1,63 @@
+<html>\r
+<head>\r
+  <title>The source code</title>\r
+    <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />\r
+    <script type="text/javascript" src="../resources/prettify/prettify.js"></script>\r
+</head>\r
+<body  onload="prettyPrint();">\r
+    <pre class="prettyprint lang-js">
+Ext.onReady(function(){
+    var tree = new Ext.tree.TreePanel({
+        renderTo:'tree-div',
+        title: 'My Task List',
+        height: 300,
+        width: 400,
+        useArrows:true,
+        autoScroll:true,
+        animate:true,
+        enableDD:true,
+        containerScroll: true,
+        rootVisible: false,
+        frame: true,
+        root: {
+            nodeType: 'async'
+        },
+        
+        // auto create TreeLoader
+        dataUrl: 'check-nodes.json',
+        
+        listeners: {
+            'checkchange': function(node, checked){
+                if(checked){
+                    node.getUI().addClass('complete');
+                }else{
+                    node.getUI().removeClass('complete');
+                }
+            }
+        },
+        
+        buttons: [{
+            text: 'Get Completed Tasks',
+            handler: function(){
+                var msg = '', selNodes = tree.getChecked();
+                Ext.each(selNodes, function(node){
+                    if(msg.length > 0){
+                        msg += ', ';
+                    }
+                    msg += node.text;
+                });
+                Ext.Msg.show({
+                    title: 'Completed Tasks', 
+                    msg: msg.length > 0 ? msg : 'None',
+                    icon: Ext.Msg.INFO,
+                    minWidth: 200,
+                    buttons: Ext.Msg.OK
+                });
+            }
+        }]
+    });
+
+    tree.getRootNode().expand(true);
+});</pre>    \r
+</body>\r
+</html>
+\ No newline at end of file