HTML5 + extjs で簡易 TODO 画面

列データの drag 中表示に列内容を表示するようにしてみた。
http://sourceforge.jp/projects/ruby-xbrl/svn/view/trunk/Edinet/ria/html5/?root=ruby-xbrl
drop 先の表示 Effect の設定をしたいが 方法がよくわからない。
また、drop できる領域の設定も不明。

html5 の勉強開始。

html5 の starage を利用した 簡易 Todo-List を他のサイトの例を参考に作成してみた。
ユーザー独自のブックマーク登録とかを実装するのに使えそうだ。
２つの例をつくってみている。

http://www.html5rocks.com/
http://jsbin.com/
といったサイトは役に立つ。

sinatra アプリから得たデータを extjs の grid で表示する

sinatra アプリから得たデータを extjs の grid で表示する例を以下に置いた。
  http://sourceforge.jp/projects/ruby-xbrl/svn/view/trunk/Edinet/ria/grid-sinatra/?root=ruby-xbrl

web 上や 書籍には php で作成したアプリからのデータを grid で表示する例がほとんどである。
sinatra で作成した アプリからのデータを extjs で表示する際には、jsonp にすることが必要である。
それらのことを含め、小さなスケルトンを書いた。

background-image の切替を追加した。
http://sourceforge.jp/projects/ruby-xbrl/svn/view/trunk/Edinet/ria/desktop/?root=ruby-xbrl

ExtJS 3.2 の desktop サンプルを改造してみた。

http://sourceforge.jp/projects/ruby-xbrl/svn/view/trunk/Edinet/ria/desktop/?root=ruby-xbrl
ExtJS 3.2 の examples/desktop のサンプルに、画面テーマを切り替える機能を追加してみたものを
　　http://sourceforge.jp/projects/ruby-xbrl/svn/view/trunk/Edinet/ria/desktop/?root=ruby-xbrl
に置いた。

以下にスクリーンショットがある。
切替メニュー
  http://sourceforge.jp/projects/ruby-xbrl/svn/view/trunk/Edinet/ria/desktop/memo/screen-select.png?view=markup&&root=ruby-xbrl
テーマ access
  http://sourceforge.jp/projects/ruby-xbrl/svn/view/trunk/Edinet/ria/desktop/memo/screen-access.png?view=markup&root=ruby-xbrl
テーマ blue
  http://sourceforge.jp/projects/ruby-xbrl/svn/view/trunk/Edinet/ria/desktop/memo/screen-blud.png?view=markup&root=ruby-xbrl