Question

ExtJS 4.1 & DeftJS 0.6.8

The documentation says "References to view components can be established via the control annotation and view-relative component query selectors"

Documentation example:

control: {
        submitButton: 'panel > button[text="Submit"]'
    }

So in my case I want to get access to a menu’s button that is nested like this:

  ...
  extend: 'Ext.tree.Panel',
  lid: 'mytreepanel',

  dockedItems: [{
     xtype: 'toolbar',
     lid: 'mybbar',
     items: [{
        xtype: 'splitbutton',
        lid: 'mysplitbutton',
        menu: {
           lid: 'mymenu',
           items: [{
              lid: 'createFolder',
              text: 'Create folder',
           }]
        }
     }]
  }]

My attempts:

control: {
         createFolder: {
            selector : '[lid=createFolder]',
         // selector : 'menu[lid=createFolder]',
         // selector : 'mytreepanel > menu[lid=createFolder]',
         // selector : 'treepanel > toolbar > splitbutton > menu[lid=createFolder]',
            listeners: {
               click: 'createFolder'
            }
         }
}

Nothing worked. Can anyone point me to the right direction?

Answer 1

The solution was to add mixins: ['Deft.mixin.Controllable'] which I forgot to make the view controllable.

So now everything works fine with:

createFolder: {
            selector : '[lid=createFolder]',
            listeners: {
               click: 'createFolder'
            }
         }