Как выбрать div внутри формы и изменить его стиль

Question

У меня есть formpanel и div внутри него с классом 'x-panel-body'

Как выбрать этот div и изменить его стиль?Я пытался использовать ext.select и setStyle, но он говорит мне, что в html нет метода setstyle.

Спасибо

edit: добавить, это единственная форма на странице.У этого также есть html id: myform

Answer 1

У вас есть несколько возможностей:

1. Использование правила CSS должно быть вашим первым выбором

   # myform .x-panel-body { фон: красный; }

2. Применить свойство конфигурации bodyStyle при создании панели. См. Документы API . (Или альтернативно bodyCls ). Обратите внимание, что это свойство конфигурации, которое оценивается только один раз на этапе построения компонента панели и не может использоваться для изменения стиля во время выполнения.

   В случае, если вам необходимо программно изменить стиль после создания компонента:

3. используйте setStyle, но помните, что это метод Ext.Element и , а не Ext.Component (или Ext.form.Panel)! Вы должны вызвать его на body элементе вашего panel объекта.

   // fetch the body element of your form object which is of 
   // type Ext.Element and apply the style
   myForm.body.setStyle([property], [value]);