[WhatsOld] Sencha Touch 2 test : 試寫 Sencha Touch 2 的範例

上次 提到，
Sencha Touch 說明文件的 Live Preview 很酷。
不過到了今天，我還是不知道那個怎麼做出來的 Orz

沒關係，我們還有 jsFiddle，剛剛試了一下，jsFiddle 也可以用來寫一點點 Sencha Touch ...

首先呢，在 jsFiddle 裡需要用到 Sencha Touch 的 .css 和 .js，之前我有找到這兩個的 CDN - sencha-cdn

今天我們用 Touch 2.1.0 這個版本來試，
http://cdn.sencha.io/touch/sencha-touch-2.1.0/resources/css/sencha-touch.css
http://cdn.sencha.io/touch/sencha-touch-2.1.0/sencha-touch-all.js

把它們加在 jsFiddle 的 Manage Resources 裡面，就可以開始寫啦～

再來，我先照抄「Building your First App」裡面的範例程式碼 - 連結
以下為小抄內容／


用手機比例跑跑看／


番外篇，剛剛有找到一個專門寫給 Sencha Touch 開發者的、類似 jsFiddle 的 Sencha Fiddle - 連結，看起來還不錯，提供 2.0.1 的版本，還可以在裡面依照不同的 Model, View, Controller, Store 建立各別的 js 檔，也有 iframe 可用。哪天 jsFiddle 不夠用時，我再來試試看這套 XD