停止ExtJs样式元素

Question

如果我删除说

height:200

从我的ExtJs面板

并在其位置添加一个css类

cls: "someclass"

我的css类中的高度属性被覆盖，因为Extjs仍然在元素上添加样式，例如但价值最低（2-4 px）

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

知道如何阻止它？

由于

---

解决方案

使用

bodyCls: "someclass"

强于

cls: "someclass"

在面板中使用bodyCls并将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-feature。

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

Answer 2

在Sencha forum

上找到它

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

不要问我为什么：）