How to get buttons in Ext.FormPanel?

Question

I do not see buttons from Ext.FormPanel being defined as follows:

Ext.apply({ .... buttons: [ { text: 'Save', itemId: 'btnSave' } ] }); 

I tried getComponent on an instance of FormPanel, but that does not return btnSave. Is btnSave on an element other than the rest of the form?

Answer 1

You cannot use getComponent() because buttons are not part of the items configuration.

getComponent () - "Examine the property of this container and get the direct child component of this container."

You can specify the id button and then use Ext.getCmp() or use a component request, as @limscoder shows.

Answer 2

You can use the container's query method to retrieve child components:

panel.query ("# ​​btnSave")

Answer 3

In Extjs 4.2, I had a similar code with your buttons at the bottom of the window.
This worked for me:

 var bbar = this.getDockedItems('toolbar[dock="bottom"]')[0]; var button = bbar.getComponent('btnSave'); 

The toolbar and elements are not in your code, but they are implied using the buttons: [{}]