74 lines
No EOL
2.1 KiB
JavaScript
74 lines
No EOL
2.1 KiB
JavaScript
/*
|
|
This file is part of Ext JS 3.4
|
|
|
|
Copyright (c) 2011-2013 Sencha Inc
|
|
|
|
Contact: http://www.sencha.com/contact
|
|
|
|
GNU General Public License Usage
|
|
This file may be used under the terms of the GNU General Public License version 3.0 as
|
|
published by the Free Software Foundation and appearing in the file LICENSE included in the
|
|
packaging of this file.
|
|
|
|
Please review the following information to ensure the GNU General Public License version 3.0
|
|
requirements will be met: http://www.gnu.org/copyleft/gpl.html.
|
|
|
|
If you are unsure which license is appropriate for your use, please contact the sales department
|
|
at http://www.sencha.com/contact.
|
|
|
|
Build date: 2013-04-03 15:07:25
|
|
*/
|
|
|
|
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);
|
|
}); |