| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 | 
							- Ext.require([
 
-     'Ext.tree.*',
 
-     'Ext.data.*',
 
-     'Ext.window.MessageBox'
 
- ]);
 
- Ext.onReady(function() {
 
-     var store = Ext.create('Ext.data.TreeStore', {
 
-         proxy: {
 
-             type: 'ajax',
 
-             url: 'check-nodes.json'
 
-         },
 
-         sorters: [{
 
-             property: 'leaf',
 
-             direction: 'ASC'
 
-         }, {
 
-             property: 'text',
 
-             direction: 'ASC'
 
-         }]
 
-     });
 
-     var tree = Ext.create('Ext.tree.Panel', {
 
-         store: store,
 
-         rootVisible: false,
 
-         useArrows: true,
 
-         frame: true,
 
-         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
 
-                     });
 
-                 }
 
-             }
 
-         }]
 
-     });
 
- });
 
 
  |