Как редактировать / обновлять существующий компонент CSS в extjs с идентификатором компонента в качестве ссылки?

Question

У меня есть всплывающий компонент формы, который имеет нижний колонтитул заголовка формы.Как я могу обновить CSS этих HTML-элементов с помощью ID компонента контейнера формы.

Я пробовал это:

getComponent('stakeholderAddUserWindow').update({height: 1900});

getComponent('stakeholderAddUserWindow').addClass('newclass');

getComponent('stakeholderAddUserWindow').style: 'background-color: #5E99CC';

getComponent('stakeholderAddUserWindow').update({style: 'background-color: #5E99CC;'});

У меня есть другие сомнения, как перейти от контейнера к внутреннему дочернему элементуэлементы, здесь у меня есть 3 дочерних элемента с классами x-header, x-body, x-footer.Я хочу применить CSS к телу.

<div class="x-window flex-window deploymentPlanWindow x-layer x-
window-default x-border-box" id="stakeholderAddUserWindow-1502" 
componentid="stakeholderAddUserWindow-1502">

  <div class="x-window-header x-header"id="stakeholderAddUserWindow-
  1502_header">header</div>

  <div class="x-window-body x-body"id="stakeholderAddUserWindow-
  1502_body">body</div>

  <div class="x-window-footer x-footer"id="stakeholderAddUserWindow-
  1502_footer">footer</div>

</div>

Ext.get(Ext.query('.x-window > .x-window-header')).setStyle('background', 'blue');

Над одним не работает

Answer 1

Для редактирования стилей используйте функцию 'setStyle' на components или elements

А для добавления и удаления классов используйте addCls и removeCls функции

getComponent('stakeholderAddUserWindow').setStyle('height', '437px');