Accessing components width component query

1. xtype 기반으로 객체 참조 가져오기

var panel = Ext.ComponentQuery.query('panel');
var buttons = Ext.ComponentQuery.query('panel button');
var customXtypeComponents = Ext.ComponentQuery.query('[xtype="My.custom.Xtype"'];

2. 속성값 기반으로 객체 참조 가져오기
var saveButton = Ext.ComponentQuery.query('button[action="saveUser"]');

3. 여러 필드 객체 참조 가져오기
var buttonsAndTextfields = Ext.ComponentQuery.query('button, testfields');

4. ID로 객체 참조 가져오기
var userPanel = Ext.ComponentQuery.query('#userPanel');

5. 속성으로 객체 참조 가져오기
var extraOptionscomponents = Ext.ComponentQuery.query('component [extraOptions]');

6. 객체의 멤버 함수로 객체 참조 가져오기
var validField = Ext.ComponentQuery.query('form > textfield{isValid()}');