Extjs 4 How to get id of parent Component?

Question

I have multiple fieldset. And have Button inside each fieldset in Extjs 4. I want to get fieldset id on the button click event, so that i can know from which fieldse

Answer 1

I've implemented handler properly.

{
    xtype:'fieldset',
    id:'fs1',
    items:[{
        xtype:'button',
        id:'b1',
        handler:function(btn){
            // Retrieve fieldset. 
            var fieldset = btn.up('fieldset');
            // Retrieve Id of fieldset.
            var fieldsetId = fieldset.getId();
        }
    }]
}

In that case try this:

button.up("[xtype='fieldset']")

Answer 2

Ext.onReady(function() {
  var panel = Ext.create('Ext.panel.Panel', {
      items:  {
        xtype:'fieldset',
        id:'fs1',
        items:[{
          xtype:'button',
          id:'b1',
          handler:function(b,e){
            var fieldset = b.findParentByType('fieldset');
            var fieldsetID = fieldset.getId();
            console.log(fieldsetID);
          }
        }]
      },
      renderTo: document.body
  });
});

Notice, that once you have fieldset variable, you can actually add items to this container directly, without need to use its ID