2008年2月4日月曜日

ExtJs-1(イントロダクションとExt.get)

会社ではWebアプリをやり始めた。
もう四年のブランクがある。

で、ASP.NETの学習を久々に。
その過程で
会社のYさんにExtJSの存在をおしえてもらった。
ので学習しよう。


(XOOPS,OPenPNE)の学習ももちろん。
浮気だ。

■Ext JS
http://extjs.com/
イントロダクションから。
http://homepage3.nifty.com/a-itou/javascript/introduction-ext.html

■やりたいこと
・ASP.NETサイドでHTMLレンダリング情報の生成
・ExtJS使って動的操作(ASP.NETでリテラル排出)
というしくがつくってみたい。
それでで、D&DでDB情報を加工できるボックスを作りたい。
この仕組みさえできればやりたいことがどんどん可能に?

■環境はもちろんVS2008で。
JavaScriptデバッグ機能使ってみたいし。
さらっと動かしてみてブレイク、ウォッチができるのはめからうろこ。

で、Extなんだけど、
①ライブラリ読み込み
②チュートリアル
var myDiv = Ext.get('myDiv');
myDiv.highlight(); // 要素の背景が黄色にハイライトされ、もとの色に戻っていきます
myDiv.addClass('red'); // カスタムCSSクラスを追加します(ExtStart.cssで定義してある)
myDiv.center(); // 要素をセンタリングします
myDiv.setOpacity(.25); // 要素を部分透過にします

冒頭のこれで結構感動。
サンプルでもかんどうしてたけど、所詮は作ってもらったものをみただけ。
ただコピペしただけだけど、実際じぶんでやってみると、面白いぞこれ。

サンプルは山ほどあるので
少し筒噛み砕いて形づくっていこう。

0 件のコメント: