01/12
post by 笹山 昭秀 @ 2010 年 1 月 12 日 10:20
ExtJS, JavaScript
遅くなりましたが、明けましておめでとうございます。
笹山です。
前回の記事から更新が滞ってしまいました。（気づいたら2010年！）
記事用の時刻表ExtJSソースは準備していたのですが更新を怠けておりました。
（怠けている間にExt JS 3.1.0がリリースされておりました）
ですので必死で思い出しながら書きます。（本当に完全に忘れている・・・やばい。）
今回はExtJS3.0を用いて時刻表を作成する完結編です。
前回は、
- ページング機能
- Gridの高さ変更
- Grid内のツールチップ表示
について書きましたが、やはり検索機能や飛行機の情報なんかも欲しくなるわけです。
今回は検索機能、飛行機の情報表示を実装してオレオレ時刻表の作成を終わりたいと思います。
[続きを読む...]
Tags: Ext.grid.GridPanel, Ext.Template, Ext.ux.form.SearchField, Ext.ux.grid.RowExpander, ExtJS, ExtJS3.0
09/08
post by 笹山 昭秀 @ 2009 年 9 月 8 日 12:40
ExtJS, JavaScript
こんにちは。笹山です。
前回Ext.grid.GridPanelを用いてシンプルな時刻表を作成しました。
まだまだ物足りないので機能を追加していきます。
せっかくなのでExtJS3.0の新機能を用いてもっとリッチにしていこうと思います。
（前回のGridは実際のところExtJS3.0でなくても作成できます。）
今回は以下の機能追加を行います。
- ページング機能を追加する
- Gridの高さを自由に変更可能にする
- Gridの各Cellにマウスを合わせた時、内容をツールチップに表示する
※今回は全便の時刻表データを使ってサンプルを作成します（8月時刻表全便データ）
[続きを読む...]
Tags: Ext.grid.GridPanel, Ext.override, Ext.ux.data.PagingMemoryProxy, Ext.ux.ProgressBarPager, Ext.ux.SlidingPager, ExtJS, ExtJS3.0, オーバーライド, ツールチップ
09/02
post by 笹山 昭秀 @ 2009 年 9 月 2 日 10:14
ExtJS, JavaScript
こんにちは。笹山です。
WebアプリケーションでDBなどからデータを取得して一覧表示させる方法は、HTMLのTABLEタグで書かれたものが多いと思います。
もちろんスタイルシートを駆使すればカッコよくはなるのでしょうが、今回はこれをもう少し手軽にリッチにしようとExtJSを使ってみました。
余談ですが今回のExtJSサンプルは、私自身の趣味のために作成しました。
趣味でよく伊丹空港に飛行機を撮影に行きます。エアーバンドで便名を聞いて、その飛行機が
「どこ行き？どこから来た？機種は何？」
というのが知りたいことがよくあります。（私だけか？）
これから数回に渡り、ExtJSで伊丹空港の8月の時刻表を私好みにしていこうと思います。
[続きを読む...]
Tags: Ext.grid.GridPanel, ExtJS, ExtJS3.0
