Sencha Touch应用程序在浏览器中显示为空白

时间:2012-08-10 14:42:08

标签: sencha-touch sencha-touch-2 sencha-architect

我有一个非常简单的使用Sencha Architect 2.0.0制作的Sencha Touch 2.0.1应用程序:从本地json文件加载的项目列表。如果我将它导出到APK并将其安装在我的机器人上,它会完美显示。但是,当我尝试在浏览器中预览时,它显示为空白屏幕。

我在Chrome和Safari中都尝试过。 Safari首次加载页面时显示它完美,但我再也没有让它再次运行。我尝试清除互联网数据,但没效果。

由于我不知道是什么导致了这个问题,我将发布一个指向我的代码的链接,而不是在这里列出所有内容。感谢。

.xda档案:http://www.mediafire.com/?9k2341dtblyq4e1
.zip文件:http://www.mediafire.com/?07s6pfa734l3ewi

也许另一条相关信息是我正在使用带有默认配置的WAMPSERVER 2.2,而且我的大多数其他应用程序(使用列表视图)也遇到了这个问题。

Sencha的CityBars教程完全适用于Chrome,并在Safari中加载标题栏但不加载任何要点击的项目。 http://docs.sencha.com/architect/2-0/#!/guide/first_mobile_app

2 个答案:

答案 0 :(得分:1)

有几件事:

将这些添加到列表的配置中:

  fullscreen:true,
  layout:'fit',

将此添加到应用程序的配置(app.js):

launch: function() {
  Ext.Viewport.add({
    xclass: 'MyApp.view.MyNavigationView'
  });
}

然后,商店中的网址应该是:

url: 'data/data.json',

我使用这些配置。希望这有帮助

[Download]

答案 1 :(得分:1)

可能有点晚了,但我的答案可能会帮助其他人:确保您在DataView中使用的商店的“autoLoad”属性已“勾选”(这是因为您使用的是Sencha Architect)。

希望它有所帮助。