设置面板高度sencha -touch

Question

我是新手在触摸 - 触摸并需要你的帮助。

我添加了新面板，并希望在css中设置此面板的高度。

 this.clockContainer = new Ext.Panel({
id:'clock',
    html:'00:00'
});
#clock {height:142px}

然而，sencha计算高度样式为91px（根据html内容）并忽略我的CSS。

我不想像这样在面板中添加height属性：

this.clockContainer = new Ext.Panel({
id:'clock',
    html:'00:00',
    height:'142px'
});

我该怎么做？如何防止sencha计算高度？

谢谢。

编辑：如果我将height属性设置为'142px'它可以正常工作但如果我将它设置为'8.06em'，senchs会忽略它并自行计算。

Answer 1

您需要向cls添加Ext.Panel属性，如此

this.clockContainer = new Ext.Panel({
    id:'clock',
    html:'00:00',
    cls:'clock-panel'
});

然后在你的CSS中添加这个

.clock-panel .x-panel-body{
    height:142px;
}

希望有所帮助