#senchatouch

[kazu69]

[tingham]

Generating Projects with Sencha Cmd

There's a bit of a mix-up at Sencha lately with regards to their platform tools. I had to do some digging this morning to figure out that if you're building a SenchaTouch 2.x application; you'll need [This Package](http://www.sencha.com/products/sencha-cmd/download) instead of [Sencha SDK Tools](http://www.sencha.com/products/sdk-tools/download/) After downloading the sencha cmd stuff (which by default installs to your user folder) you'll be able to run: sencha generate app MyApp ./MyApp Just like the shiny new guide says. The link on the guide page goes to the wrong place.

[kazu69]

[edo]

SenchaTouchのitemsは空にしない

当たり前のことなのかもしれないけど、ちょっとハマったのでメモ。 SenchaTouchのviewの部分で、途中からロジックを変更したせいで、空のitemsをconfigに残したままにしていた。

しかしこれが思わぬトラブルに・・。

itemsに空の配列を渡すと、空白のcontainerオブジェクトが自動で生成されそれが追加される模様。 そのため、初期化の段階で実際に表示したいviewを生成してaddしてやってもなぜか表示されない、という自体に。

（ちなみに、

view.down('*').destroy()

を実行すると自動で生成された空の要素が削除され、表示したい要素がちゃんと表示された）

なので、初期化でなにかしたい場合はitemsに空の配列を指定しないほうが◯ 

[edo]

Sencha Touch2のstoreでハマった話

Sencha Touch2のstoreでlocalStorageを使うとバグがあるらしい。（この記事を参考にしました）

storeにadd()してsync()で簡単保存〜♪ とか思っていたらまったく保存される形跡がない。。 んで色々調べていたら、どうやらバグがあって保存されないかも、みたいな記事が。（これだけで数時間使ったョ・・・）

で、Modelにproxyを設定して、Ajaxで取得したrecord群をeachで回して毎回Modelを生成しつつ、save()を実行していくとしっかりと保存された。取得して表示するのも問題なさげ。これでやっと先に進める・・。 

とりあえずコード断片を残しておく。

Ext.define('Hoge.store.Loader.Twitter', { extend: 'Ext.data.Store', config: { autoLoad: true, model: 'Hoge.model.TwitterData', listeners: { load: function (records) { records.each(function (record) { var model = Ext.create('Hoge.model.TwitterData', record.data); model.save(); }); } }, proxy: { type: 'jsonp', url: 'https://api.twitter.com/1/favorites.json?screen_name=*****', reader: { type: 'json' } } } });

[senchainc-blog]

Our talented tutorial and Sencha Touch guru Drew Neil is back with a 10 minute screencast to explain Layouts in Sencha Touch 2.

If you've never watch one of Drew's screencasts, you're missing out. He has a clear, concise way of explaining and demonstrating the process of developing in Sencha Touch. Watch this video introducing you to layouts and I guarantee you'll come away with a better understanding.

In Sencha Touch, the Component and Container form the basic building blocks for creating an interface. Each container can be assigned a Layout which handles the positioning of its inner items. The layouts work either by neatly arranging components to use the available space, or by showing just one component at a time and providing some way of changing the focus between them.

In this tutorial, we'll see each different layout type in action and see how they can be combined in any manner you can think of.

See more of Drew's screencasts in our Vimeo album: Learn Sencha Touch 2 w/ Drew Neil

[edo]

SenchaTouch2.0をちょっと触ってみた

SenchaTouch2.0の正式版がリリースされたみたいです。 ってことでちょっと触ってみた。

▼ちょっと書いてみた http://www.senchafiddle.com/#D0GV5

▼Document http://docs.sencha.com/touch/2-0/#!/guide/class_system 

まぁ本気でちょっとなのだけど。 とりあえず、defineでクラスを定義してcreateで生成する、っていう形式になったみたい。 1.x系であった "Ext.Panel" なんかは事前に定義されているから、Ext.create('Ext.Panel', {}); で生成できる。

ちなみにcreateとdefineの第一引数は名前空間的な意味であって、そういうオブジェクト構造、っていうわけではないぽい。

しかし色々触っていくと楽しそうだなー。もっと勉強したい。

[senchainc-blog]

Today we're proud to announce the release of Sencha Touch 2.0. With a huge focus on performance, simplified API, and native packaging on both Mac and Windows, we’re certain it will change the way you think about mobile apps.