#senchatouch

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

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

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

（ちなみに、

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

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

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

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

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

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

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.

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の第一引数は名前空間的な意味であって、そういうオブジェクト構造、っていうわけではないぽい。