title: Hide / Show Ext.js compositefield with label in Ext.js 3.4
body: <p>I`m trying to show/hide an ext.js (xtype:"compositefield") with an listener from a combo. All works well, except the composite field's Label won't hide. How do I select the whole composite field DOM element so i can use .hide()/.show() on it ?</p>
  
  <p>the code for compositefield:</p>
  
  <pre><code>xtype: 'compositefield',
                     labelStyle: 'width: 60px',
                     fieldLabel: 'Player 1',
                     id: "player_1_fields",
                     msgTarget: 'under',
                     items:[
                         {xtype: 'displayfield', value: 'Name',margins: '3 5 0 22'},
                         {xtype: 'textfield', name: 'props_name_1', width: 135},
                         {xtype: 'displayfield', value: 'Score',margins: '3 5 0 0'},
                         {xtype: 'numberfield', name: 'props_score_n1', width: 35}
                     ]
  </code></pre>
  
  <p>the code for listener:</p>
  
  <pre><code>listeners: {
                                      select: function(combo, record, index) {
                                       if ( combo.getValue() == "2" ) 
                                                  {
                                                  Ext.getCmp("player_1_fields").getEl().hide();
  
                                                  }
                                              else
                                                  {
                                                  Ext.getCmp("player_1_fields").getEl().show();
  
                                                  }
                                      }
                                    }
  </code></pre>