如何在表单中选择div并改变它的样式

Question

我有一个formpanel和一个div，里面有'x-panel-body'

如何选择div并改变它的风格？我尝试过使用ext.select和setStyle，但它告诉我html没有setstyle方法。

由于

编辑：添加，这是页面上唯一的表单。它还有html id：myform

Answer 1

您有几种可能性：

1. 使用CSS规则应该是您的首选

   #myform .x-panel-body { 背景：红色; }

2. 创建面板时应用bodyStyle配置属性。见API docs。 （或者bodyCls）。请注意，这是一个配置属性，仅在面板组件的构建阶段一次评估，并且不能用于在运行时更改样式。

   如果您需要在创建组件后以编程方式更改样式：

3. 使用setStyle但请记住这是method of 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]);