Наложение полноэкранной панели в Sencha Touch 1 - PullRequest
Новая
       2

Наложение полноэкранной панели в Sencha Touch 1

0 голосов
/ 15 февраля 2012

Я пытаюсь сдвинуть Panel снизу, чтобы он охватывал весь видовой экран, как панель закладок в iOS Safari. Это похоже на ActionSheet, но в полноэкранном режиме и без темной рамки вокруг него. 

this.advSearch = Ext.ComponentMgr.create({xtype: 'advanced_search', itemId: 'pnlAdvancedSearch'});
this.advSearch.autoRender = true;
this.advSearch.show({type: 'slide', direction: 'up'});

Этот вид работает, но новая панель не заполняет весь экран, и ее части появляются за фоновой панелью. Я пробовал разные макеты, в том числе fit, vbox, с разными степенями уродства, но корень проблемы в том, что панель не знает, какой высоты она должна быть. Может, потому что у него нет контейнера?

Есть предложения? Это даже правильный подход, или я должен попытаться взломать ActionSheet, чтобы развернуть его в полноэкранный режим и показать без рамки?

Спасибо.

1 Ответ

0 голосов
/ 15 февраля 2012

Поскольку ваша панель плавающая (или я предполагаю, что она есть), вам нужно будет задать для панели фиксированную высоту в Sencha Touch 1. Вы очень ограничены в этом отношении.Этот следующий код должен работать: 

var sheet = new Ext.Sheet({
    html: 'hello',
    style: 'color:#fff',
    height: window.innerHeight,
    stretchX: true
});

// replace this show with your animation
sheet.show();

Как вы можете видеть, я назначаю ему фиксированную высоту окна, а затем растягиваю его по оси X (у не работает).

...