ariyasacca

カテゴリ一覧

Biz | SF | Software | tDiary | Web | ゲーム | サバティカル | スポーツ | ミステリ | メタル | 健康 | 投資 | 携帯 | 時事ネタ | 死生観 | 資格 | 雑記
2004|08|09|10|11|12|
2005|01|02|03|04|05|06|07|08|09|10|11|12|
2006|01|02|03|04|05|06|07|08|09|10|11|12|
2007|01|02|03|04|05|06|07|08|09|10|11|12|
2008|01|02|03|04|05|06|07|08|09|10|11|12|
2009|01|02|03|04|05|06|07|08|09|10|11|12|
2010|01|02|03|04|05|06|07|08|09|10|11|12|
2011|01|02|03|04|05|06|07|08|09|10|11|12|
2012|01|02|03|04|05|06|07|08|09|10|11|12|
2013|01|02|03|04|05|06|07|08|09|10|11|12|
2014|01|02|03|04|05|06|07|08|09|10|11|12|
2015|01|02|03|04|05|06|07|08|09|10|11|12|
2016|01|02|03|04|05|06|07|08|09|10|11|12|
2017|01|02|03|04|05|06|07|08|09|10|11|12|
2018|01|02|03|04|05|06|07|08|09|10|11|12|
2019|01|02|03|04|05|06|07|08|

2008-05-21 (水) [長年日記]

[雑記][Web]Ext JSのSliderサンプル

Ext JSというJavaScriptフレームワークがあって、これのバージョン2.1から加わったスライダーバーコンポーネントが、サンプルを見た時から「Googleマップの縮尺みたいに直感的で良いなー」と思ってて使ってみたかったんだけど、いざ使おうとしたら良く分からなかった。

ので、サンプルを作った。IEだと動かないかも。

スライダーバーをマウスドラッグしたイベントを拾って、アクションを起こす。ただそれだけやりたかったのだけど、

  • 'change'に対してイベントハンドラを設定したら、バーを1ミリでも動かすだけで呼ばれてしまったのでイベントの回数が大変なことになった。
    • これは'dragend'に設定すると良いみたい。
  • ドラッグ以外にも、スライダーバー上で任意の箇所をクリックしただけで一気に移動してしまって困った。
    • これはclickToChangeにfalseを設定したら抑制できた。
  • 縦方向のスライダーバーにして、valueで初期値を設定すると、何かヘン。レイアウトが初期値の分だけ上に崩れる。

いろいろつまづいてしまった。

スライダーバーだけ使う時は、Ext JSをダウロードした時に入ってるresources/の下のファイルは、css/もimage/も、slider関連のものだけ使えば良いみたい。

ExtはGrid系のやつも凄いけれど、シンプルで軽量で、ユーザに直感的な体験を与えられる部品がもっと増えると良いですね!


最近のツッコミ

  1. ウルトラマン (2019-04-18(木)19:22)「声優代節約の為やぞ」
  2. ああああ (2019-03-28(木)15:19)「バージョンは好きにしていいのか。 」
  3. 雷悶 (2019-01-06(日)09:46)「時代はProっしょ~」

参号館  の中の  日記(ariyasacca)

トップ «前の日記(2008-05-18 (日)) 最新 次の日記(2008-05-25 (日))» 編集