Sencha Touch アコーディオンリストコンポーネントを作りました

Posted 2012年7月9日 by 川野忍 & filed under 開発.

開発部川野です。Sencha Touch で、タップして開閉できるアコーディオンリストが欲しかったのですが、どこにも見当たらなかったため、自分で作ってみました。もし必要な方がいらっしゃれば、ご自由にお使い頂けると嬉しいです（MIT ライセンスで公開しています）。

デモサイト（スマートフォン標準ブラウザか、Chrome、Safari でお願いします）:
– http://accordionlist.senchafy.com

使い方は簡単で、TreeStore をセットすれば完了です。TreeStore の階層構造に従って、アコーディオンリストを動的に構築します。アコーディオンの入れ子も無制限で可能です。

初期表示時にアコーディオンを展開するかどうかのオプションと、ヘッダーとコンテンツのテンプレートを自由に設定することができます。

ソースコードは GitHub で公開しているので、詳細はそちらをご覧下さい。

Sencha Market にも試しに登録してみました（もしかして、日本人初！？）。ページのデザインが綺麗なおかげで、立派なコンポーネントに見えます。。

ところで、ありえるえりあミニ勉強会ですが、今月 7/27（金）に第3回目を開催します。今回のテーマは、Sencha Touch のコンポーネントです。本日より募集を開始しました。皆様のご参加をお待ちしています :)