ui.igNumericEditor

ui.igNumericEditor_image

igNumericEditor コントロールでは幅広い数値入力が可能です。任意にスピン ボタンをエディターで使用できるよう選択できます。この API のクラス、オプション、イベント、メソッドおよびテーマに関する詳細は、上記の関連するタブを参照してください。

igNumericEditor API の詳細については、ヘルプを参照してください。

以下のコード スニペットは、igNumericEditor コントロールを初期化する方法を示します。

この API を使用して作業を開始するための情報はここをクリックしてください。igNumericEditor コントロールに必要なスクリプトとテーマを参照する方法については、Ignite UI の JavaScript リソースの使用および Ignite UI のスタイリングとテーマをご覧ください。

コード サンプル

<!doctype html>
   <html>
   <head>
       <!-- Infragistics Combined CSS -->
       <link href="css/themes/infragistics/infragistics.theme.css" rel="stylesheet" type="text/css" />
       <link href="css/structure/infragistics.css" rel="stylesheet" type="text/css" />
       <!-- jQuery Core -->
       <script src="js/jquery.js" type="text/javascript"></script>
       <!-- jQuery UI -->
       <script src="js/jquery-ui.js" type="text/javascript"></script>
       <!-- Infragistics Combined Scripts -->
       <script src="js/infragistics.core.js" type="text/javascript"></script>
       <script src="js/infragistics.lob.js" type="text/javascript"></script>
        
       <script type="text/javascript">
         $(function () {
             $("#numericEditor").igNumericEditor({
                 dataMode: "int",
                 maxValue: 100,
                 minValue: 0,
                 buttonType: "spin",
                 width: 190
             });
         });
       </script>
   </head>
   <body>
      <input id="numericEditor" />
   </body>
   </html>

関連サンプル

関連トピック

依存関係

jquery-1.9.1.js
jquery.ui-1.9.0.js
infragistics.util.js
infragistics.util.jquery.js
infragistics.ui.widget.js
infragistics.ui.popover.js
infragistics.ui.notifier.js
infragistics.ui.validator.js

継承

Copyright © 1996 - 2025 Infragistics, Inc. All rights reserved.