ui.igPercentEditor

ui.igPercentEditor_image

igPercentEditor コントロールでは、ユーザー入力のパーセント値の表示および読み取りが完全にサポートされています。この API のクラス、オプション、イベント、メソッドおよびテーマに関する詳細は、上記の関連するタブを参照してください。

igPercentEditor コントロールは igNumericEditor の機能を拡張します。igPercentEditor コントロールの API の詳細については、基本の igNumericEditor コントロールの API マニュアルを参照してください。

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

この 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 () {
              $("#percentEditor").igPercentEditor({
                  width: 160
              });
          });
    </script>
</head>
<body>
  <input id="percentEditor" />
</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.