extjs/examples/kitchensink/modern/src/view/grid/TreeListController.js

   1 Ext.define('KitchenSink.view.grid.TreeListController', {
   2     extend: 'Ext.app.ViewController',
   3
   4     alias: 'controller.tree-list',
   5
   6     onModeToggle: function(segmented, button, pressed) {
   7         if (button.getReference() === 'navBtn') {
   8             this.onToggleNav(pressed);
   9         } else {
  10             this.onToggleMicro(segmented, pressed);
  11         }
  12     },
  13
  14     onToggleConfig: function(menuitem) {
  15         var treelist = this.lookupReference('treelist');
  16
  17         treelist.setConfig(menuitem.config, menuitem.checked);
  18     },
  19
  20     onToggleMicro: function(segmented, pressed) {
  21         var treelist = this.lookupReference('treelist'),
  22             navBtn = this.lookupReference('navBtn');
  23
  24         treelist.setMicro(pressed);
  25
  26         if (pressed) {
  27             segmented.setPressed(navBtn, true);
  28             navBtn.disable();
  29             this.oldWidth = treelist.getWidth();
  30             treelist.setWidth(44);
  31         } else {
  32             treelist.setWidth(this.oldWidth);
  33             navBtn.enable();
  34         }
  35     },
  36
  37     onToggleNav: function(pressed) {
  38         var treelist = this.lookupReference('treelist');
  39
  40         treelist.setExpanderFirst(!pressed);
  41         treelist.setUi(pressed ? 'nav' : null);
  42     }
  43 });