如何在android中使用senchatouch實現phonegap應用程序2

我舉個sencha touch2應用程序的例子。它在我的本地主機瀏覽器（http：//localhost/sencha/examples/navigationview/index.html）中工作正常。如何在android中使用senchatouch實現phonegap應用程序2

現在我需要使用phonegap 1.5.0將此sencha應用程序集成到android。從phonegap

phonegap-phonegap-1.5.0-0-gde1960d.zip從PhoneGap的網站

我下載的PhoneGap庫。因爲我得到了cordova-1.5.0.js和cordova-1.5.0.jar文件而不是phonegap。
我已經通過phonegap網站了解到cordova-1.5.0和phonegap是相同的。

我已經按照這個Get Started Guide
在他們沒有給如何整合煎茶touch2 MVC堆結構。入門指南中的基本示例對我來說工作正常。

我的問題是我無法整合我的sencha2 MVC文件架構。我GOOGLE了這個，但沒有成功。我在這裏做錯了什麼？你能否建議我以正確的方式來做到這一點。
在此先感謝。

這是我的index.html文件

<!DOCTYPE HTML> 
<html manifest="" lang="en-US"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Ajax</title> 
    <script type="text/javascript" charset="utf-8" src="cordova-1.5.0.js"></script> 
    <script id="microloader" type="text/javascript" src="development.js"></script> 
</head> 
<body> 
</body> 
</html>

在app.js文件我收到提示：

//<debug> 
    Ext.Loader.setPath({ // line no. 2 
     'Ext': 'src' 
    }); 
    //</debug>

來源

2012-04-06 atluriajith

能否請您解釋一下你的意思是我的「整合我sencha2 MVC堆結構」？你應該把你有的任何Web代碼放到Android項目的assets/www文件夾中。您提到入門指南中的基本示例正在運行，那麼您在嘗試運行項目時遇到了哪些錯誤？ – Jay 2012-04-07 19:36:50

yes jayraj.Thanks your reply.actually如果您比較senchatouch1.1（http://screencast.com/t/chDMwE7d13K）和senchatouch2.0（http://screencast.com/t/y9ykJLxi）的文件結構，是完全不同的。在index.html中的senchatouch1.1中本身存在總的javascript代碼（您可以直接將此index.html與支持的文件添加到andoid/assets/www /中，它將正常工作）.senchatouch2.0文件夾結構與此不同可以在模型，視圖，控制器和應用程序文件夾中存儲文件夾中找到。我無法理解如何在android-phonegap assets/www文件夾中添加這些文件。 – atluriajith 2012-04-09 05:17:41

Ext.Loader是什麼讓你的JS文件居住在裏面的不同的文件夾app文件夾。作爲tutorial

描述然後，只需把index.html的app文件夾和其他一切www爲PhoneGap的，如果你已經配置Ext.Loader煎茶觸摸可以動態地從相應的目錄中加載文件。它的工作原理與網頁一樣。要完全明確：

www 
| 
|-index.html 
|-app/ 
|-css/ 
|-whatever else

來源

2012-04-09 07:26:26 Jay

Jayraj謝謝你的回答。它爲我工作。現在我收到這個錯誤。 04-09 17：15：42.722：E/Web控制檯（1675）：ReferenceError：無法找到變量：Ext at file：///android_asset/www/app.js：2 知道爲什麼會出現此錯誤。 – atluriajith 2012-04-09 11:50:06

用index.html和app.js文件編輯我的問題 – atluriajith 2012-04-09 11:55:00

您還沒有在index.html中的任何地方包含Sencha Touch JS文件（通常命名爲「sencha-touch-debug-all.js」或其他）。請精確地按照教程。如果你有新的問題或問題，請創建新的問題，而不是添加到這個問題上。 – Jay 2012-04-09 14:11:58

對於生產版本，你需要使用命令行工具，它爲您提供了一個單一的js文件，包括所有MVC組件和演員一樣的API，或者您需要的庫以及所有必須EXT和煎茶東西的東西，沒有更多。

到達這個階段是一項相當成就的事情，然後您應該準備好您的index.html文件以製作成APK。

來源

2012-04-27 10:03:34 landed

我會建議你使用MDS鼓掌電話差距http://wiki.phonegap.com/w/page/34483744/PhoneGap%20Eclipse%20PlugIn%20for%20Android

與手機的差距發展煎茶2個應用程序。它會給你一個使用phonegap + sencha 的方式，然後你可以在index.html中添加你的sencha js和css文件的路徑，並手動添加app文件夾。指數看起來像

<!DOCTYPE HTML> 
    <html> 
    <head> 
    <meta name="viewport" content="width=320; user-scalable=no" /> 
    <meta http-equiv="Content-type" content="text/html; charset=utf-8"> 
    <title>PhoneGap Demo with Sencha Touch</title> 
    <link rel="stylesheet" href="sencha/resources/css/sencha-touch.css" type="text/css"> 
    <script type="text/javascript" src="sencha/sencha-touch-all.js"></script> 
    <script type="text/javascript" charset="utf-8" src="phonegap-1.4.1.js"></script> 
    <script type="text/javascript" charset="utf-8" src="main.js"></script> 
    <script type="text/javascript" charset="utf-8" src="phonegapdemo-w-sencha.js">  </script> 
    </head>

來源

2012-06-06 06:28:51

看看PhoneGap的建造。在這裏看到我的答案在論壇關於phonegap。你讓你的sencha應用程序立即運行在iphone，android，黑莓等一切！

你甚至不需要使用phonegap API調用！

您只需將app.html的副本製作成index.html。

如果你想使用phoneGap API，只需使用它。無需添加任何文件或其他任何東西。在index.html的，你必須添加行

<script... phonegap="cordova-1.0.7" />

或任何版本那麼有效。

（這個信息是真實的截至2012年6月11日 - 我想，當測試期結束後它會花費）

來源

2012-06-11 13:56:23 pashute

如何在android中使用senchatouch實現phonegap應用程序2

回答

相關問題