1

这是针对移动网站而不是应用程序。使用移动 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
}));
4

1 回答 1

2

添加 layout: 'fit' 到包含面板，现在一切都很好。

于 2011-09-30T11:24:56.820 回答