Query for child component with a specific xtype

extjs extjs5
chriscrossweb picture chriscrossweb · Oct 8, 2014 · Viewed 17.1k times · Source

Is there a method to query for a child component of xtype 'yourxtype' ? For example you have a panel, and inside this panel is a custom xtype located on a toolbar.

The findParentByType works great for looking up, but there is not method like findChildByType. And the down method works only on elements. The Ext.ComponentQuery is a singleton, but not for xtypes? Is there another way to query from a component down?

Answer

Robert Watkins picture Robert Watkins · Oct 8, 2014

yourCt.down will find the first instance of a container with the specified type, in the component's children and descendants.

yourCt.child will do the same, but restrict to the direct children of the container.

yourCt.query will find all of the matching components underneath the container, as an array.

yourCt.up will find the first parent of the container that matches.

Oh, and Ext.ComponentQuery.query can take an optional object that is used as the start point for the query.

These are all based off (and clearly documented in) Ext.ComponentQuery

Related questions

EXTJS 5 : How to sort grid column in EXT JS 5

I recently updated version of EXT JS to 5 and and override of doSort function no longer works. Someone an idea how to do ? Exampple of override : { text: 'Custom', sortable : true, dataIndex: 'customsort', doSort: function(state) { var ds = this.up('grid').…

Read More
ExtJS Remove item of a store

In a extjs app I have a tree panel that reads an json file, in the tree panel i have a check box that execute an action, additionally I save the checked element in a grid panel of a tab …

Read More
Sencha Cmd build - Failed creating background process

I'm trying to build extjs5 application with Cmd v5.0.0.160. I have ruby2.0 installed and sencha cmd on my PATH var. Here is the error that I get when running sencha app build: ... [INF] Capturing theme image [ERR] [ERR] BUILD FAILED […

Read More