Extjs 4 Làm cách nào để lấy id của Component cha?

Question

Tôi có nhiều fieldset. Và có nút bên trong mỗi fieldset trong Extjs 4. Tôi muốn nhận id fieldset trên sự kiện click button, để tôi có thể biết từ đó fieldset nút được nhấp vào

Làm cách nào để có được điều này?

{ 
    xtype:'fieldset', 
    id:'fs1', 
    items:[{ 
    xtype:'button', 
    id:'b1', 
    handler:function(){ 
     // here i want to get fieldset's id because because fieldset and button were added dynamically. 
     } 
    }] 
    } 

Cảm ơn, Kunal

Actual Code: 

    Ext.define('My.Group',{ 
xtype : 'fieldset', 
config: { 
    title:'Group' + i.toString(), 
    id : '_group' + i.toString()  
}, 
    constructor: function(config) { 
    this.initConfig(config); 

    return this; 
}, 

collapsible : true, 
frame : false, 
boder : false, 
items : [ { 
xtype : 'button', 
text : 'Add KeyWord', 
id: 'btn', 
width : 100, 
handler : function(button,event) { 

    var fieldset = button.findParentByType('fieldset'); 
    var fieldsetsID = fieldset.getId(); 

    console.log(fieldset); 

    Ext.getCmp(fieldsetId).insert(2, rangeField); 
    Ext.getCmp(fieldsetsID).doLayout(); 
} 

}, { 
xtype : 'button', 
text : 'Add Range Type', 
width : 100 
} ] 
}); 

và tôi đang gọi chức năng này trên nút bấm

handler : function() { 
     i=i+1; 
     var group = new My.Group({ 
      title:'Group' + i.toString(), 
      id : '_group' + i.toString()     
     }); 

     console.log(group); 
     Ext.getCmp('_aspanel').insert(i, group);     
     Ext.getCmp('_aspanel').doLayout(); 

Answer 1

Tôi đã triển khai trình xử lý đúng cách.

 
{ 
    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(); 
     } 
    }] 
} 

Trong trường hợp đó thử điều này:

 
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 
    }); 
}); 

Thông báo, rằng một khi bạn có fieldset biến, bạn thực sự có thể thêm các mục vào vùng chứa này trực tiếp, mà không cần sử dụng ID của nó