Рендеринг проблем со списком Sencha Touch при изменении ориентации

Это для мобильного веб-сайта, а не для приложения. Доступ к мобильному сайту с моего iPhone 4 с помощью мобильного сафари. Сайт отображается в портретном режиме и работает нормально (может получить доступ ко всем элементам списка, хотя на данный момент заполнена только панель), и все мои значки раскрытия видны.

Проблемы включают в себя:

  1. при переходе в альбомную ориентацию элементы моего списка изначально будут отображаться с портретной шириной, и невозможно прокрутить, чтобы увидеть все элементы, поскольку вертикальное пространство теперь меньше.
  2. если я перейду на страницу сведений в списке, а затем использую кнопку «Домой», чтобы вернуться, список будет правильно отображать всю ширину панели ландшафтного режима, но по-прежнему не сможет прокручивать элементы за пределами панели.
  3. вернуться в портретный режим, и список снова отображает все элементы, но ширина каждого элемента теперь является горизонтальной, а значки раскрытия скрыты от экрана и недоступны. Если я перейду на другую страницу с помощью командной кнопки bBar и вернусь, все снова будет отображаться правильно.

Вот код конфигурации списка (довольно простой):

var listConfig = {
itemTpl: '<div class="rName">{menuitem}</div>',
scroll: 'vertical',
monitorOrientation: true,
selModel: {
    mode: 'SINGLE',
    allowDeselect: true
},
onItemDisclosure: {
    scope: 'test',
    handler: function(record, btn, index) {
        mainpanel.hide();
        showDetail(record);
    }
},
store: nhsw.stores.topmenu
};

var topmenuList = new Ext.List(Ext.apply(listConfig, {
    layout: 'fit',
    hideOnMaskTap: false
}));

person bchesley    schedule 29.09.2011    source источник
comment
Пожалуйста, вставьте это как ответ и отметьте как отвеченный для дальнейшего использования. Спасибо   -  person Luis    schedule 29.09.2011


Ответы (1)


Добавлен макет: «вписывается» в содержащую панель, и теперь все хорошо.

person bchesley    schedule 30.09.2011