- 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');
+ title: 'Check Tree',
+ renderTo: 'tree-div',
+ width: 200,
+ height: 250,
+ dockedItems: [{
+ xtype: 'toolbar',
+ items: {
+ text: 'Get checked nodes',
+ handler: function(){
+ var records = tree.getView().getChecked(),
+ names = [];
+
+ Ext.Array.each(records, function(rec){
+ names.push(rec.get('text'));
+ });
+
+ Ext.MessageBox.show({
+ title: 'Selected Nodes',
+ msg: names.join('<br />'),
+ icon: Ext.MessageBox.INFO
+ });