Visual Stadio でSencha Touchを配置する

あれこれ検索していたら、Application直下に lib というフォルダを置くと、コンパイル後もアクセスできる模様なので、以下のようにJSファイルを配置。

Application
+Properties
(...)
-lib
 +app
 -sencha
  +resources
   sencha-touch-all-debug.js
 app.js

そして、app.js　でappFolderを以下のように指定する

 Ext.application({
    appFolder: '../lib/app',

これで動いてくれた

--追記
Sencha Touch本体の画像等のresourcesも必要です。

Application
+Properties
(..)
+resources

と追加すると読み込まれました。
つまり、resourcesでも問題ないということ。

Visual Studioでフォルダをプロジェクトに追加する

Visual Studioでプロジェクトに既存のフォルダを追加する場合には、エクスプローラからフォルダをソリューションエクスプローラのプロジェクトのノードへドラッグ＆ドロップすると追加できます。


http://www.ipentec.com/document/document.aspx?page=visual-studio-add-folder&culture=ja-jp

Panelの入れ替え

Sencha Touch 2では、

Panel1, Panel2とあり、Panel1 と Panel2を切り替えたいとき、

１）
Ext.Viewport.add([ Panel1, Panel2 ]);
とすると、Panel1のみが表示になります。（自動的にPanel2は非表示になる）

２）
Ext.Viewport.animateActiveItem(Panel2);
でPanel2に切り替え戻すときは、
Ext.Viewport.animateActiveItem(Panel1);