Is there a method to check the control of what is the xtype of the root control?

I have a formPanel that has 4 controls and one of them is a _tab2BGrid.
Which is called MainTabGrid and that extend to another control called GridPanelControl and that is extended from the grid panel control.
I want to be able to check if my control has control of xtype grid.

Code:

---

if (this._tab2BGrid.Contains(xtype.Grid)) {
                check store and do other stuff.
}

---

This is how they extend to each other:

Code:

---

Ext.define('App.Win.TabContainters.TabContainersMain', (function() {
                var publicInterface = {
                        extend: 'Ext.form.FormPanel',
                        _tab1A: null,
                        _tab2BGrid: null,
                        _tab3C: null,
                        _tab4D: null,


 Ext.define('ALA.Win.PiecesGrid', (function() {
                var publicInterface = {
                        extend: 'App.Ext.GridPanelControl',

 Ext.define('ALA.Ext.GridPanelControl', (function () {
                var publicInterface = {
                        extend: 'Ext.grid.Panel',

---

Hello, @juan!

I believe you want the component's Ext.grid.Panel.down(selector) method. For example, if you have a panel with a window inside, and then a fieldset then a button, you can just go, from the panel:

Code:

---

App.MyPanel1.down('button');

---

And the button will be returned. This also works, say, if you have a GridPanel with a button in its TopBar or BottomBar. For instance, in the Simple GridPanel example, if you open developer tools, then type in the console:

Code:

---

App.GridPanel1.down('button');

---

You'll get the 'print' button. Beware it only returns the first match, so in case you are asking yourself about getting anything within a component that matches the xtype, you're looking for the Ext.grid.Panel.query() method.

These down(), query() (and also up()) comes from a common space and is available in many components from Ext JS, anything that inherits directly or indirectly from Ext.mixin.Queryable would have this (so we can't say for sure which components exactly inherit, just check their documentation if there's the methods or inheritance tree with the corresponding elements).

Hope this helps!

Hi @fabricio.murta

Thank you for your reply that worked for me!

Glad it helped, thanks for the feedback!