停止ExtJ的样式元素

Question

如果我删除，说

height:200

从我的ExtJs面板，并在其位置添加一个css类

cls: "someclass"

我的css类中的height属性被覆盖了，因为Extjs仍然在元素上放置了一个样式，例如，但具有最小值（2-4 px）

<div class="someclass" stlye="height:2px"></div>

知道如何阻止这种情况吗？

感谢

---

解决方案

使用

bodyCls: "someclass"

比更强

cls: "someclass"

在面板中使用bodyCl，并将css设置为以下内容：

.x-panel .someclass {
    //css stuff in here
}

Answer 1

在Ext 3中，您可以在配置对象中使用autoHeight: true来防止Ext JS控制它。请参阅http://docs.sencha.com/ext-js/3-4/#/用于文档的api/Ext.Panel-cfg-autoHeight。

对于Ext 4，似乎没有等效的属性，Ext论坛上对此进行了讨论：http://www.sencha.com/forum/showthread.php?133148-autoHeight功能。

但是，在这种情况下，如果去掉height参数并将bodyCls : "someClass"添加到配置对象中，则可以使用css规则设置高度，如：.someClass: { height: 200px; }。

Answer 2

在Sencha论坛上找到它

.someclass .x-panel-body {
     height:600px;
}

不要问我为什么：）