wijinputnumber を表示するビューの .cshtml ファイルを開きます。次のマークアップのように、テキストボックス要素を追加します。
| ソースビュー |
コードのコピー
|
|---|---|
<input type="text" id="textbox1" /> |
|
ここで、wijinputnumber ウィジェットを初期化する必要があります。これを行うには、次のスクリプトを .cshtml ファイルに追加できます。
| ソースビュー |
コードのコピー
|
|---|---|
<script type="text/javascript">
$(function () {
$("#textbox1").wijinputnumber(
{
type: 'numeric',
minValue: -100,
maxValue: 1000,
decimalPlaces: 3,
showSpinner: true
});
});
</script>
|
|
上のスクリプトで設定されたオプションは、数字のみ（パーセント不可、通貨不可）の入力をユーザーに許可する入力を作成します。ユーザーは -100 より小さい数字や 1000 より大きい数字は入力できず、ウィジェットが値を保持していない場合でも、常に小数点以下３桁まで表示します。スピンボタンも表示するため、ユーザーは入力せずに、値を増減できます。
これをプロジェクトに設定して実行すると、ウィジェットは次のような表示になります。
関連項目：
wijinputnumber の詳細については、Wijmo 製品マニュアルをご覧ください。
関連トピック