X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc..c930e9176a5a85509c5b0230e2bff5c22a591432:/docs/source/check-tree.html
diff --git a/docs/source/check-tree.html b/docs/source/check-tree.html
new file mode 100644
index 00000000..faa235b9
--- /dev/null
+++ b/docs/source/check-tree.html
@@ -0,0 +1,63 @@
+
+
+ The source code
+
+
+
+
+
+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);
+});
+
+
\ No newline at end of file