使用Sencha呈現問題在方向更改上觸摸列表

Question

這是針對移動網站而非應用程序的。使用移動Safari瀏覽器從我的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 
})); 

Answer 1

新增佈局：「適合」包含面板，現在一切都很好。