1

これは、アプリではなくモバイル Web サイト用です。モバイル サファリを使用して 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
}));
4

1 に答える 1

2

追加されたレイアウト: 'fit' を含むパネルに合わせて、すべてが適切になりました。

于 2011-09-30T11:24:56.820 に答える