Это для мобильного веб-сайта, а не для приложения. Доступ к мобильному сайту с моего iPhone 4 с помощью мобильного сафари. Сайт отображается в портретном режиме и работает нормально (может получить доступ ко всем элементам списка, хотя на данный момент заполнена только панель), и все мои значки раскрытия видны.
Проблемы включают в себя:
- при переходе в альбомную ориентацию элементы моего списка изначально будут отображаться с портретной шириной, и невозможно прокрутить, чтобы увидеть все элементы, поскольку вертикальное пространство теперь меньше.
- если я перейду на страницу сведений в списке, а затем использую кнопку «Домой», чтобы вернуться, список будет правильно отображать всю ширину панели ландшафтного режима, но по-прежнему не сможет прокручивать элементы за пределами панели.
- вернуться в портретный режим, и список снова отображает все элементы, но ширина каждого элемента теперь является горизонтальной, а значки раскрытия скрыты от экрана и недоступны. Если я перейду на другую страницу с помощью командной кнопки 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
}));