« 入力チェック | トップページ | 基本レイアウト »

2007年7月28日 (土)

スピナー

入力フォームの左側に上下の矢印を表示し、上下の矢印をクリックすることで入力フォームの数値を増減できる。 スピナーを使うときは、dojo.widget.Spinnerをrequireする。スピナーはinput要素に対して各スピナーのdojoTypeを指定して作成する。スピナーのinput要素は以下の属性を指定できる。

属性概要
delta 増減の単位
defaultTimeout 上下の矢印をクリックして増減を繰り返すときの時間をミリ秒単位で指定する。デフォルトは500

整数

dojoTypeとしてIntegerSpinnerを指定する。IntegerTextboxも継承しており、数値入力チェックも行われる。IntegerTextboxの属性も指定できる。

<input dojoType="IntegerSpinner" 
       value="+1,000"
       delta="10"
       min="9"
       max="1550"
       signed="true"
       separator=",">

実数

dojoTypeとしてRealNumberSpinnerを指定する。RealNumberTextboxも継承している。

<input dojoType="RealNumberSpinner"
       value="+1.00e3"
       delta="0.01e1"
       min="-10950"
       max="155000"
       signed="true"
       esigned="false"
       exponent="always"
       separator=','
       places="2">

« 入力チェック | トップページ | 基本レイアウト »

コメント

コメントを書く

(ウェブ上には掲載しません)

トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/232684/7310263

この記事へのトラックバック一覧です: スピナー:

« 入力チェック | トップページ | 基本レイアウト »