+++ /dev/null
-<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