【问题标题】:How can I integrate Sencha Touch 2 into Cordova (Phonegap) project如何将 Sencha Touch 2 集成到 Cordova (Phonegap) 项目中
【发布时间】:2014-04-10 13:47:11
【问题描述】:

我正在尝试将 ST2 应用程序集成到 PhoneGap;但我遇到了问题。

我已将 cordova.js 添加到 app.json 中:

{   
    "path": "resources/js/cordova-1.6.1.js",
    "update": "delta"
},
{   
    "path": "resources/js/test.js",
    "update": "delta"
}

Test.js:

function alertDismissed() {}

function showAlert() {
    navigator.notification.alert(
        'You are the winner!',  // message
        alertDismissed,         // callback
        'Game Over',            // title
        'Done'                  // buttonName
    );
}

在视图中,我创建了一个虚拟按钮:

items: [{
    text: 'test',
    action: showAlert(),
}],

当我点击按钮时;函数“showAlert()”被正确启动;但没有正确执行我有一个错误:

Uncaught TypeError: Cannot call method 'alert' of undefined

显然是因为对象“导航器”没有被实例化。

问题:是否可以同时运行 cordova/senchatouch2 ? 如果是这样,正确的方法是什么?

已解决:

在 app.js 之前添加 cordova.js

    {   
        "path": "resources/js/cordova-1.6.1.js",
        "update": "delta"
    },
    {
        "path": "sdk/sencha-touch.js"
    },
    {
        "path": "app.js",
        "update": "delta"
    },

【问题讨论】:

  • 能否请您与我分享项目结构/文件夹。我也有同样的问题超过一个星期。我仍然卡住:(。请分享我的项目文件夹,以便我可以使用它来更好地理解。

标签: cordova sencha-touch-2


【解决方案1】:

只需包含 index.html 文件中的 cordova.js 文件。

【讨论】:

  • 我假设您正在为您的应用程序使用 iOS 或 Android SDK。我有 3 个使用 phonegap 和 ST 发布的应用程序。我所做的就是在 html 文件中包含科尔多瓦。你能提供更多关于你想要做什么的信息吗?
  • 是的 iOS。好吧,只是一个简单的裸应用程序来测试集成。你用过 Sencha Touch 2 吗?
  • 是 ST2。所以一步一步,你在 xCode 中基于 phonegap 创建了应用程序并对其进行了测试。在此之后,您使用以下行集成了 ST 代码:?
  • 不,我已经使用 sencha 的命令行“sencha generate app”创建了整个应用程序结构,但结果相同;我还有 index.html 等。
  • 好,在创建ST应用后,将所有文件(除了index.html)复制到你的xcode应用内的www文件夹。然后将该行 添加到 phonegap 应用程序的 index.html 中。不要忘记删除 phonegap index.html 的 内的内容。
【解决方案2】:

这是一篇关于“带有 PhoneGap 的 Sencha Touch MVC 应用程序”的好文章http://www.sencha.com/learn/a-sencha-touch-mvc-application-with-phonegap/

【讨论】:

  • 我关注了这篇文章,但只有一个空白屏幕。这篇文章似乎真的过时了。
【解决方案3】:

您可以参考以下博客将 senchatouch 和 phonegap 与自定义插件集成:

http://hynridmobileapps.blogspot.in/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多