установить высоту панели sencha -touch

Question

Я новичок в сенче - коснитесь и мне нужна ваша помощь.

Я добавляю новую панель и хочу установить высоту этой панели в css.

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

однако, sencha вычисляет стиль высоты до 91px (в соответствии с содержимым html) и игнорирует мой css.

Я не хочу добавлять свойство высоты на панель следующим образом:

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

Что я могу сделать? Как я могу предотвратить Sencha рассчитывает высоту?

спасибо.

edit: если я установлю свойство 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;
}

Надеюсь, это поможет