Ext.container.Container / Ext JS: Как перейти к элементу по id?

Question

Я использую расширенную страницу Ext.container.Container. Как перейти к элементу по id с помощью скрипта Ext JS?

Answer 1

Есть много способов, например:

  {
     reference: 'cntainer',
     xtype: 'container',
     itemId: 'cntainer',
     id: 'cntainer'
}     

Вы можете вызвать его, используя следующие методы

Ext.getCmp('cntainer')

Ext Js предоставил различные способы доступа к элементу

this.lookup('cntainer');
this.lookupReference('cntainer');
this.down('#cntainer');
this.up('#cntainer');

Answer 2

Я постараюсь дать вам ответ, который соответствует вашим потребностям. Но, может быть, вы можете сделать пример или немного конкретизировать c в своем вопросе.

Вы можете использовать ComponentQuery, чтобы перейти к указанным c компонентам в вашем приложении Ext JS. (https://docs.sencha.com/extjs/7.0.0/modern/Ext.ComponentQuery.html)

Существует также up (https://docs.sencha.com/extjs/7.0.0/modern/Ext.Container.html#method -up ) и down (https://docs.sencha.com/extjs/7.0.0/modern/Ext.Container.html#method -down-down ) метод селектора, который можно использовать для поиска компонентов по идентификатору, например:

let myComponent = myContainer.down('#myComponentID');

или

let myContainer = containerChild.up('container');

Вы должны обязательно ознакомиться с документацией по ComponentQuery, чтобы узнать больше о селекторе кроме id.

И последнее, но не менее важное: не используйте @cfg id для установки идентификатора для вашего компонента. Используйте @cfg itemId (https://docs.sencha.com/extjs/7.0.0/modern/Ext.Widget.html#cfg -itemId ).

Надеюсь, это поможет вам.