ui.igCurrencyEditor

ui.igCurrencyEditor_image

igCurrencyEditor コントロールには、通貨の値を表示および読み込むための様々な種類の書式設定オプションが含まれています。このコントロールはまた、異なるロケールの通貨の処理を完全にサポートします。この API のクラス、オプション、イベント、メソッドおよびテーマに関する詳細は、上記の関連するタブを参照してください。

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

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

この API を使用して作業を開始するための情報はここをクリックしてください。igCurrencyEditor コントロールに必要なスクリプトとテーマを参照する方法については、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(){
                         $("#currencyEditor").igCurrencyEditor({
                               width: 200
                    });
                  });
              </script>
        </head>
        <body>
           <input id="currencyEditor" />
        </body>
        </html>

関連サンプル

関連トピック

依存関係

jquery-1.9.1.js
jquery.ui-1.9.0.js
infragistics.util.js
infragistics.ui.scroll.js
infragistics.ui.validator.js

継承

  • allowNullValue
    継承

    タイプ:
    bool
    デフォルト:
    false

    null 値を回避する機能を取得または設定します。
    このオプションが無効で、エディターに値がない場合、値は 0 (または minValue/maxValue) になります。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            allowNullValue : false
        });

        //Get
        var allowNullValue = $(".selector").igCurrencyEditor("option", "allowNullValue");

        //Set
        $(".selector").igCurrencyEditor("option", "allowNullValue", false);

  • buttonType
    継承

    タイプ:
    enumeration
    デフォルト:
    none

    スピン、クリア、およびドロップダウン ボタンの表示状態を取得します。このオプションは、初期化時にのみ設定できます。「dropdown,spin」または「spin,clear」などの組み合わせもサポートされています。

    メンバー

    • dropdown
    • タイプ:string
    • リストを開く/閉じるボタンはエディターの右側に配置されます。
    • clear
    • タイプ:string
    • 値をクリアするボタンはエディターの右側に配置されます。
    • spin
    • タイプ:string
    • スピン ボタンはエディターの右側に配置されます。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            buttonType : "dropdown"
        });

        //Get
        var button = $(".selector").igCurrencyEditor("option", "buttonType");

        //Set
        $(".selector").igCurrencyEditor("option", "buttonType", "spin");

  • currencySymbol

    タイプ:
    object
    デフォルト:
    null

    コード サンプル

            //Initialize
        $(".selector").igCurrencyEditor({
            currencySymbol: "*"
        });
 
        //Get
        var currencySymbol = $(".selector").igCurrencyEditor("option", "currencySymbol");
 
        //Set
        $(".selector").igCurrencyEditor("option", "currencySymbol", "*");

  • dataMode
    継承

    タイプ:
    enumeration
    デフォルト:
    double

    エディターの値の有効な範囲を定義します。定義された数値モードの承諾された最小値および最大値に基づいてエディターの minValue および maxValue オプションを設定すると定義できます。
    .NET Framework の floating-point 型および整数型などで特定の型の範囲は数値型規格に基づいて設定されます。
    また、minDecimals および maxDecimals オプションに設定可能な最大値は、エディターが 'double' モードの場合に 15 で、'float' モードの場合に 7 です。

    メンバー

    • double
    • タイプ:string
    • double の制限を持つ Number オブジェクトが使用されます。値が設定されていない場合は「allowNullValue」オプションによって、null または Number.NaN が使用されます。注: それはデフォルトとして使用されます。
    • float
    • タイプ:string
    • float の制限を持つ Number オブジェクトが使用されます。値が設定されていない場合は「allowNullValue」オプションによって、null または Number.NaN が使用されます。
    • long
    • タイプ:string
    • 符号付き long の制限を持つ Number オブジェクトが使用されます。値が設定されていない場合は「allowNullValue」オプションによって、null または 0 が使用されます。
    • ulong
    • タイプ:string
    • 符号なし long の制限を持つ Number オブジェクトが使用されます。値が設定されていない場合は「allowNullValue」オプションによって、null または 0 が使用されます。
    • int
    • タイプ:string
    • 符号付き int の制限を持つ Number オブジェクトが使用されます。値が設定されていない場合は「allowNullValue」オプションによって、null または 0 が使用されます。
    • uint
    • タイプ:string
    • 符号なし int の制限を持つ Number オブジェクトが使用されます。値が設定されていない場合は「allowNullValue」オプションによって、null または 0 が使用されます。
    • short
    • タイプ:string
    • 符号付き short の制限を持つ Number オブジェクトが使用されます。値が設定されていない場合は「allowNullValue」オプションによって、null または 0 が使用されます。
    • ushort
    • タイプ:string
    • 符号なし short の制限を持つ Number オブジェクトが使用されます。値が設定されていない場合は「allowNullValue」オプションによって、null または 0 が使用されます。
    • sbyte
    • タイプ:string
    • 符号付き byte の制限を持つ Number オブジェクトが使用されます。値が設定されていない場合は「allowNullValue」オプションによって、null または 0 が使用されます。
    • byte
    • タイプ:string
    • 符号なし byte の制限を持つ Number オブジェクトが使用されます。値が設定されていない場合は「allowNullValue」オプションによって、null または 0 が使用されます。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            dataMode : 1
        });
        
        //Get
        var dataMode = $(".selector").igCurrencyEditor("option", "dataMode");
        
        //Set
        $(".selector").igCurrencyEditor("option", "dataMode", "float");

  • decimalSeparator
    継承

    タイプ:
    string
    デフォルト:
    null

    小数点記号として使用する文字を取得します。
    注: このオプションは可能な地域の設定よりも優先されます。
    注: デフォルト値が null であっても、- 国際化ファイルがあり、そのプロパティのデフォルト値が設定される場合、値は暗示的に設定されます。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            decimalSeparator : ","
        });
        
        //Get
        var separator = $(".selector").igCurrencyEditor("option", "decimalSeparator");
        
        //Set
        $(".selector").igCurrencyEditor("option", "decimalSeparator", ",");

  • disabled
    継承

    タイプ:
    bool
    デフォルト:
    false

    入力の disabled 属性を取得または設定します。True に設定される場合、入力が無効で、すべてのボタンおよび操作が無効です。エディターのフォームの送信で値が送信されません。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            disabled : false
        });

        //Get
        var disabled = $(".selector").igCurrencyEditor("option", "disabled");

        //Set
        $(".selector").igCurrencyEditor("option", "disabled", true);

  • dropDownAnimationDuration
    継承

    タイプ:
    number
    デフォルト:
    300

    ドロップダウン リストの表示/非表示アニメーションの期間 (ミリ秒) を取得または設定します。

    コード サンプル

            //Initialize
        $(".selector").igCurrencyEditor({
          dropDownAnimationDuration: 500
        });
 
        //Get
        var animationShowDuration= $(".selector").igCurrencyEditor("option", "dropDownAnimationDuration");
 
        //Set
        $(".selector").igCurrencyEditor("option", "dropDownAnimationDuration", 500);

  • dropDownAttachedToBody
    継承

    タイプ:
    bool
    デフォルト:
    false

    ドロップダウン リスト要素がドキュメントの本体またはエディター コンテナー要素に添付されるかどうかを取得します。
    オプションが false に設定される場合、エディターはドロップダウン リスト要素をエディター コンテナーに添付します。
    オプションが true に設定される場合、エディターはドロップダウン リストを本体の子として添付します。
    注: このオプションはランタイムで設定できません。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            dropDownAttachedToBody : true
        });

        //Get
        var attachedToBody = $(".selector").igCurrencyEditor("option", "dropDownAttachedToBody");

        //Set
        $(".selector").igCurrencyEditor("option", "dropDownAttachedToBody", true);

  • dropDownOnReadOnly
    継承

    タイプ:
    bool
    デフォルト:
    false

    エディターをドロップダウン リストのみとして使用を制限する機能を取得します。True に設定すると、エディターのテキストは編集できません。
    注:リスト項目がない場合もエディターは読み取り専用です。
    注: このオプションはランタイムで設定できません。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            dropDownOnReadOnly : true
        });

        //Get
        var readOnly = $(".selector").igCurrencyEditor("option", "dropDownOnReadOnly");

        //Set
        $(".selector").igCurrencyEditor("option", "dropDownOnReadOnly", true);

  • dropDownOrientation
    継承

    タイプ:
    enumeration
    デフォルト:
    auto

    リストが開いたときにドロップダウン リストの開く方法を取得または設定します。オプションが auto に設定される場合、エディターがドロップダウン リストをエディターの下に開きます。スペースがない場合、リストをエディターの上に開きます。両方の方向でスペースがない場合、リストはエディターの下に開かれます。自動オプションを設定した場合、コンポーネントは下に十分なスペースがあるか計算します。もしない場合、コンポーネントの上のスペースを確認し、上下とも十分なスペースがない場合、ドロップダウンを開きます。

    メンバー

    • auto
    • タイプ:string
    • オプションが auto に設定される場合、エディターがドロップダウン リストをエディターの下に開きます。スペースがない場合、リストをエディターの上に開きます。両方の方向でスペースがない場合、リストはエディターの下に開かれます。
    • bottom
    • タイプ:string
    • ドロップダウン リストがエディターの下に開きます。
    • top
    • タイプ:string
    • ドロップダウン リストがエディターの上に開きます。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            dropDownOrientation : "top"
        });

        //Get
        var orientation = $(".selector").igCurrencyEditor("option", "dropDownOrientation");

        //Set
        $(".selector").igCurrencyEditor("option", "dropDownOrientation", "bottom");

  • groups
    継承

    タイプ:
    array
    デフォルト:
    null
    要素タイプ:

    (数値オブジェクトの配列) グループに分けられる数の整数部分の桁数を取得します。
    グループ間に "groupSeparator" が挿入されます。
    配列内のすべての値の和が整数部分の長さよりも小さい場合、配列の最後の項目を以降のすべてのグループに使用します。
    グループのカウントは、小数点から (右から左へ) 始まります。
    このオプションは、表示モード (フォーカスなし) の場合のみ効果があります。
    注: このオプションは可能な地域の設定よりも優先されます。
    注: デフォルト値が null であっても、- 国際化ファイルがあり、そのプロパティのデフォルト値が設定される場合、値は暗示的に設定されます。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            groups : [1, 2, 3]
        });

        //Get
        var groups = $(".selector").igCurrencyEditor("option", "groups");

        //Set
        $(".selector").igCurrencyEditor("option", "groups", [3, 3, 3]);

  • groupSeparator
    継承

    タイプ:
    string
    デフォルト:
    null

    グループ (千の位など) のセパレーターとして使用する文字を取得または設定します。
    このオプションは、表示モード (フォーカスなし) の場合のみ効果があります。
    注: このオプションは可能な地域の設定よりも優先されます。
    注: デフォルト値が null であっても、- 国際化ファイルがあり、そのプロパティのデフォルト値が設定される場合、値は暗示的に設定されます。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            groupSeparator : "."
        });

        //Get
        var groupSeparator = $(".selector").igCurrencyEditor("option", "groupSeparator");

        //Set
        $(".selector").igCurrencyEditor("option", "groupSeparator", ".");

  • height
    継承

    タイプ:
    enumeration
    デフォルト:
    null

    コントロールの高さを取得または設定します。

    メンバー

    • null
    • タイプ:object
    • 他の高さが定義されていない場合、エディターは親コンテナーに収まります。
    • string
    • 高さをピクセル (px) またはパーセンテージ (%) に設定できます。
    • number
    • 高さをピクセル単位の数値で設定できます。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            height : 25
        });

        //Get
        var height = $(".selector").igCurrencyEditor("option", "height");

        //Set
        $(".selector").igCurrencyEditor("option", "height", 25);

  • inputName
    継承

    タイプ:
    string
    デフォルト:
    null

    値入力の名前属性を取得または設定します。入力はサーバーへ値を送信するために使用されます。ターゲット要素が入力で名前要素があり、開発者が inputName オプションに設定した場合、このオプションは値入力を上書きし要素の属性を削除します。

    コード サンプル

          //Initialize 
      $(".selector").igCurrencyEditor({     
          inputName : "textField"
      });  
 
      //Get 
      var inputName = $(".selector").igCurrencyEditor("option", "inputName");  
 
      //Set 
      $(".selector").igCurrencyEditor("option", "inputName", "textField");

  • isLimitedToListValues
    継承

    タイプ:
    bool
    デフォルト:
    false

    エディターがリスト項目に含まれる値のみに許可を取得または設定します。この検証は、エディターがぼかされるか、Enter キーが押されたときに実行されます。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            isLimitedToListValues : true
        });

        //Get
        var limited = $(".selector").igCurrencyEditor("option", "isLimitedToListValues");

        //Set
        $(".selector").igCurrencyEditor("option", "isLimitedToListValues", false);

  • listItemHoverDuration
    継承

    タイプ:
    number
    デフォルト:
    0

    ドロップダウンのリスト項目のホバー/ホバー解除アニメーションの期間を取得または設定します。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            listItemHoverDuration : 100
        });

        //Get
        var hoverDuration = $(".selector").igCurrencyEditor("option", "listItemHoverDuration");

        //Set
        $(".selector").igCurrencyEditor("option", "listItemHoverDuration", 100);

  • listItems
    継承

    タイプ:
    array
    デフォルト:
    null
    要素タイプ:

    ドロップダウン リストのソースとして使用される項目リストを取得または設定します。
    リスト内の項目は、文字列、数、オブジェクト型が可能です。項目は、キャストまたは操作なしに直接描画されます。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            listItems : [
                10,
                20,
                30
            ]
        });

        //Get
        var items = $(".selector").igCurrencyEditor("option", "listItems");

        //Set
        $(".selector").igCurrencyEditor("option", "listItems", [10, 20, 30]);

  • listWidth
    継承

    タイプ:
    number
    デフォルト:
    0

    ドロップダウン リストのカスタムの幅 (ピクセル単位) を取得または設定します。値がゼロまたは負の場合、エディターの幅がドロップダウンの幅に設定されます。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            listWidth : 200
        });

        //Get
        var width = $(".selector").igCurrencyEditor("option", "listWidth");

        //Set
        $(".selector").igCurrencyEditor("option", "listWidth", 200);

  • locale
    継承

    タイプ:
    object
    デフォルト:
    null

    コンポーネントのローカライズで使用される文字列を取得または設定します。ボタンのタイトル、エラー メッセージなどを含みます。オブジェクトの値がペアまたは key:value メンバーを含む必要があります。注:ロケールのサブオプションは igEditor のメイン オプションに表示されます。このケースではメインオプションの中の値は最優先でロケールに対応する値をオーバーライドします。

    コード サンプル

     
        //Initialize
        $(".selector").igTextEditor({
            locale: {
			        spinUpperTitle: 'SpinUp'
            }
        });

        //Get
        var locale = $(".selector").igTextEditor("option", "locale");

        //Set
        $(".selector").igTextEditor("option", "locale", {spinUpperTitle: 'SpinUp'});

  • maxDecimals
    継承

    タイプ:
    number
    デフォルト:
    null

    表示モード (フォーカスなし) の場合に使用する小数点以下の最大桁数を取得します。
    注: このオプションは可能な地域の設定よりも優先されます。
    注: 小数点の最小値は小数点の最大値より大きい場合、最大値は最小値に設定されます。
    注: デフォルト値が null であっても、- 国際化ファイルがあり、そのプロパティのデフォルト値が設定される場合、値は暗示的に設定されます。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            maxDecimals: 10
        });

        //Get
        var maxDecimals = $(".selector").igCurrencyEditor("option", "maxDecimals");

        //Set
        $(".selector").igCurrencyEditor("option", "maxDecimals", 5);

  • maxValue
    継承

    タイプ:
    number
    デフォルト:
    null

    エンドユーザーがエディターに入力できる最大値を取得または設定します。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            maxValue : 100
        });

        //Get
        var maxValue = $(".selector").igCurrencyEditor("option", "maxValue");

        //Set
        $(".selector").igCurrencyEditor("option", "maxValue", 100);

  • minDecimals
    継承

    タイプ:
    number
    デフォルト:
    null

    表示状態 (フォーカスなし) の場合に使用する小数点以下の最小桁数を取得します。
    数の小数部分の桁数がこのオプションの値より小さい場合、足りない桁を文字 "0" で埋めます。
    注: このオプションは使用可能な地域設定よりも優先されます。
    注: 小数点の最小値は小数点の最大値より大きい場合、最大値は最小値に設定されます。
    注: デフォルト値が null であっても、- 国際化ファイルがあり、そのプロパティのデフォルト値が設定される場合、値は暗示的に設定されます。
    注: このオプションのサポートされる値は 20 以下です。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            minDecimals: 5
        });

        //Get
        var minDecimals = $(".selector").igCurrencyEditor("option", "minDecimals");

        //Set
        $(".selector").igCurrencyEditor("option", "minDecimals", 3);

  • minValue
    継承

    タイプ:
    number
    デフォルト:
    null

    エンドユーザーがエディターに入力できる最小値を取得または設定します。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            minValue : 10
        });

        //Get
        var minValue = $(".selector").igCurrencyEditor("option", "minValue");

        //Set
        $(".selector").igCurrencyEditor("option", "minValue", 10);

  • negativePattern
    継承

    タイプ:
    string
    デフォルト:
    null

    負の数パターンとして使用する文字列を取得します。"n" フラグは数値を表します。"-" および "()" フラグはパターンの静的な部分です。
    注: このオプションは使用可能な地域設定よりも優先されます。
    注: デフォルト値が null であっても、- 国際化ファイルがあり、そのプロパティのデフォルト値が設定される場合、値は暗示的に設定されます。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            negativePattern : "- &nbsp n"
        });
        
        //Get
        var pattern = $(".selector").igCurrencyEditor("option", "negativePattern");
        
        //Set
        $(".selector").igCurrencyEditor("option", "negativePattern", "- &nbsp n");

  • negativeSign
    継承

    タイプ:
    string
    デフォルト:
    null

    負の数記号として使用する文字を取得します。
    注: このオプションは使用可能な地域設定よりも優先されます。
    注: デフォルト値が null であっても、- 国際化ファイルがあり、そのプロパティのデフォルト値が設定される場合、値は暗示的に設定されます。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            negativeSign : "-"
        });

        //Get
        var negativeSign = $(".selector").igCurrencyEditor("option", "negativeSign");

        //Set
        $(".selector").igCurrencyEditor("option", "negativeSign", "-");

  • nullValue
    継承

    タイプ:
    enumeration
    デフォルト:
    null

    エディター値が null 値になることが可能かどうかを取得または設定します。デフォルトの場合、入力の値は null に設定され、入力が空文字列を保持します。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            nullValue : false
        });

        //Get
        var nullValue = $(".selector").igCurrencyEditor("option", "nullValue");

        //Set
        $(".selector").igCurrencyEditor("option", "nullValue", false);

  • placeHolder
    継承

    タイプ:
    string
    デフォルト:
    null

    エディターがフォーカスを持たず、エディター内の "value" が null または空の文字列ときのエディターに表示されるテキストを取得または設定します。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            placeHolder : "Enter Value"
        });

        //Get
        var placeHolder = $(".selector").igCurrencyEditor("option", "placeHolder");

        //Set
        $(".selector").igCurrencyEditor("option", "placeHolder", "Enter Value");

  • positivePattern

    タイプ:
    object
    デフォルト:
    null

    正のパターンとして使用する文字列を取得または設定します。"n" フラグは数値を表します。
    注: このオプションは使用可能な地域設定よりも優先されます。
    注: デフォルト値が null であっても、- 国際化ファイルがあり、そのプロパティのデフォルト値が設定される場合、値は暗示的に設定されます。

    コード サンプル

     
            //Initialize
            $(".selector").igCurrencyEditor({
                positivePattern : "+ &nbsp n"
            });
            
            //Get
            var pattern = $(".selector").igCurrencyEditor("option", "positivePattern");
            
            //Set
            $(".selector").igCurrencyEditor("option", "positivePattern", "+ &nbsp n");

  • preventSubmitOnEnter
    継承

    タイプ:
    bool
    デフォルト:
    false

    Enter キーの押下でフォーム送信を回避する機能を取得または設定します。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            preventSubmitOnEnter : false
        });

        //Get
        var preventSubmitOnEnter = $(".selector").igCurrencyEditor("option", "preventSubmitOnEnter");

        //Set
        $(".selector").igCurrencyEditor("option", "preventSubmitOnEnter", false);

  • readOnly
    継承

    タイプ:
    bool
    デフォルト:
    false

    入力の readonly 属性を取得または設定します。True に設定される場合、入力が読み取り専用で、すべてのボタンおよび操作が無効です。エディターのフォームの送信で値が送信されます。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            readOnly : true
        });

        //Get
        var readOnly = $(".selector").igCurrencyEditor("option", "readOnly");

        //Set
        $(".selector").igCurrencyEditor("option", "readOnly", true);

  • regional
    継承

    タイプ:
    object
    デフォルト:
    null

    エディターのカスタムの地域設定を取得または設定します。文字列の場合、$.ig.regional[stringValue] を仮定します。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            regional: "en-US"
        });
        
        //Get
        var region = $(".selector").igCurrencyEditor("option", "regional");
        
        //Set
        $(".selector").igCurrencyEditor("option", "regional", "en-US");

  • revertIfNotValid
    継承

    タイプ:
    bool
    デフォルト:
    true

    ぼかしまたは Enter キーの押しで値が無効な場合、エディターが値を以前の有効な値を元に戻す機能を取得または設定します。オプションが false に設定される場合、エディターはクリア機能を呼び出します。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            revertIfNotValid : false
        });

        //Get
        var revertIfNotValid = $(".selector").igCurrencyEditor("option", "revertIfNotValid");

        //Set
        $(".selector").igCurrencyEditor("option", "revertIfNotValid", false);

  • scientificFormat
    継承

    タイプ:
    enumeration
    デフォルト:
    null

    編集モードでの E のべき乗形式のサポートを取得または設定します。
    このオプションを設定する場合、数値は、可能な E のべきフラグを持つ文字列として表示されます。編集モードでは、文字 "E" または "e" も入力できます。
    注: "+" 文字は、編集モードではサポートされません。

    メンバー

    • null
    • タイプ:object
    • 科学的表記法は無効です。
    • E
    • タイプ:string
    • 科学的表記法は有効で、文字「E」を使用します。
    • e
    • タイプ:string
    • 科学的表記法は有効で、文字「e」を使用します。
    • E+
    • タイプ:string
    • 科学的表記法は有効で、文字「E」を使用します。"E+" は、編集モードで正の値に使用します。
    • e+
    • タイプ:string
    • 科学的表記法は有効で、文字「e」を使用します。"e+" は、編集モードで正の値に使用します。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            scientificFormat : "e"
        });

        //Get
        var scientificFormat = $(".selector").igCurrencyEditor("option", "scientificFormat");

        //Set
        $(".selector").igCurrencyEditor("option", "scientificFormat", "e+");

  • selectionOnFocus
    継承

    タイプ:
    enumeration
    デフォルト:
    selectAll

    エディターがフォーカスを取得したときの動作を取得または設定します。デフォルト値は selectAll です。

    メンバー

    • selectAll
    • タイプ:string
    • このオプションを設定すると、編集モードに入ったときにエディターのすべてのテキストを選択します。
    • atStart
    • タイプ:string
    • このオプションを設定すると、編集モードに入ったときにエディターのテキストの初めにカーソルを移動します。
    • atEnd
    • タイプ:string
    • このオプションを設定すると、編集モードに入ったときにエディターのテキストの最後にカーソルを移動します。
    • browserDefault
    • タイプ:string
    • このオプションの設定に追加のロジックはありませんが、ブラウザーのデフォルトの動作で処理されます。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            selectionOnFocus: "atStart"
        });
 
        //Get
        var selectionOnFocus= $(".selector").igCurrencyEditor("option", "atStart");
 
        //Set
        $(".selector").igCurrencyEditor("option", "selectionOnFocus", "atStart");

  • spinDelta
    継承

    タイプ:
    number
    デフォルト:
    1

    スピン イベント発生時にエディター内の値の増減に使用するデルタ値を取得および設定します。値が負の数に設定される場合、例外は発生されます。整数値以外の値は double および float の dataMode のみにサポートされます。

    コード サンプル

            //Initialize
        $(".selector").igCurrencyEditor({
            spinDelta: 2
        });
 
        //Get
        var spinDelta= $(".selector").igCurrencyEditor("option", "spinDelta");
 
        //Set
        $(".selector").igCurrencyEditor("option", "spinDelta", 2);

  • spinWrapAround
    継承

    タイプ:
    bool
    デフォルト:
    false

    エディターがホバー項目を開いたドロップダウン リストからその反対側へ自動的に変更する機能を取得または設定します。ドロップダウン リストがない場合、このオプションは効果がありません。 リストからその反対側へ自動的に変更する機能を取得または設定します。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            spinWrapAround : true
        });

        //Get
        var spinAround = $(".selector").igCurrencyEditor("option", "spinWrapAround");

        //Set
        $(".selector").igCurrencyEditor("option", "spinWrapAround", true);

  • suppressNotifications
    継承

    タイプ:
    bool
    デフォルト:
    false

    エディターのビルトイン基本検証シナリオで、必須リスト選択、値ラッピング、スピン制限などのデフォルトの通知を有効/無効にします。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            suppressNotifications : true
        });

        //Get
        var suppressNotifications = $(".selector").igCurrencyEditor("option", "suppressNotifications");

        //Set
        $(".selector").igCurrencyEditor("option", "suppressNotifications", true);

  • tabIndex
    継承

    タイプ:
    number
    デフォルト:
    null

    エディター入力の tabIndex 属性を取得または設定します。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            tabIndex : 3
        });

        //Get
        var tabIndex = $(".selector").igCurrencyEditor("option", "tabIndex");

        //Set
        $(".selector").igCurrencyEditor("option", "tabIndex", 3);

  • textAlign
    継承

    タイプ:
    enumeration
    デフォルト:
    right

    エディター内のテキストの水平配置を取得または設定します。そのオプションが設定されない場合、'numeric'、'currency'、および 'percent' エディターの 'right' のデフォルト値が使用されます。

    メンバー

    • left
    • タイプ:string
    • 入力したテキストは左揃えになります。
    • right
    • タイプ:string
    • 入力したテキストは右揃えになります。
    • center
    • タイプ:string
    • 入力したテキストは中央揃えになります。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            textAlign : "center"
        });

        //Get
        var align = $(".selector").igCurrencyEditor("option", "textAlign");

        //Set
        $(".selector").igCurrencyEditor("option", "textAlign", "center");

  • textMode
    継承

    タイプ:
    enumeration
    デフォルト:
    text

    単一行テキスト エディター、パスワード エディター、複数行エディターなど、エディターのテキスト モードを取得または設定します。このオプションは、初期化時にのみ影響します。ベースとなる要素 (セレクター) が TEXTAREA の場合、それを入力フィールドとして使用します。

    メンバー

    • text
    • タイプ:string
    • INPUT 要素に基づく単一行テキスト エディターが作成されます。
    • password
    • タイプ:string
    • タイプ パスワードで作成される INPUT 要素に基づくエディターが作成されます。
    • multiline
    • タイプ:string
    • TEXTAREA 要素に基づく複数行エディターが作成されます。

    コード サンプル

     
        //Initialize
        $(".selector").igEditor({
            textMode : "multiline"
        });

        //Get
        var mode = $(".selector").igTextEditor("option", "textMode");

        //Set
        $(".selector").igTextEditor("option", "textMode", "multiline");

  • validatorOptions
    継承

    タイプ:
    object
    デフォルト:
    null

    igValidator ウィジェットによってサポートされるオプションを取得または設定します。
    注: エラーをトリガーした際に igValidator の検証ルールは最小値/長さおよび最大値/長さを別々に適用します。エディターの対応するオプションは、定義された入力規則に反する値の入力を防止します。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            validatorOptions : {
               successMessage: "Success",
					     required: true,
					     onchange: true,
               notificationOptions: { mode: "popover" }
            }
        });

        //Get
        var validateOptions = $(".selector").igCurrencyEditor("option", "validatorOptions");

        //Set
        $(".selector").igCurrencyEditor("option", "validatorOptions", {onblur: true, onchange: true});

  • value
    継承

    タイプ:
    object
    デフォルト:
    null

    エディター内の値を取得または設定します。エディターのタイプおよび各エディター タイプの dataMode オプションに基づいたオプションを取得または設定する効果。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            value : 42
        });

        //Get
        var value = $(".selector").igCurrencyEditor("option", "value");

        //Set
        $(".selector").igCurrencyEditor("option", "value", 42);

  • visibleItemsCount
    継承

    タイプ:
    number
    デフォルト:
    5

    ドロップダウン リストが開いたときに表示される項目の数を取得します。
    注:
    リスト項目の数が設定される値より小さい場合、このオプションは上書きされます。その場合、ドロップダウンはすべての項目を表示します。
    注: このオプションはランタイムで設定できません。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            visibleItemsCount : 5
        });

        //Get
        var visibleItemsCount = $(".selector").igCurrencyEditor("option", "visibleItemsCount");

        //Set
        $(".selector").igCurrencyEditor("option", "visibleItemsCount", 5);

  • width
    継承

    タイプ:
    enumeration
    デフォルト:
    null

    コントロールの幅を取得または設定します。

    メンバー

    • null
    • タイプ:object
    • 他の幅が定義されていない場合、データに合わせて引き伸ばされます。
    • string
    • ウィジェットの幅をピクセル (px) またはパーセンテージ (%) に設定できます。
    • number
    • ウィジェットの幅は数値としてピクセルで設定できます。

    コード サンプル

     
        //Initialize
        $(".selector").igCurrencyEditor({
            width : 200
        });

        //Get
        var width = $(".selector").igCurrencyEditor("option", "width");

        //Set
        $(".selector").igCurrencyEditor("option", "width", 200);

Ignite UI コントロール イベントの詳細については、
Ignite UI でイベントを使用するを参照してください。

注: API メソッドの呼び出しは、API ヘルプに特に記述がない限り、操作に関連するイベントはプログラムによって発生されません。これらのイベントは各ユーザー操作によってのみ呼び出されます。

詳細の表示

  • blur
    継承

    キャンセル可能:
    false

    エディターの入力フィールドがフォーカスを失ったとき発生するイベント。
    関数は引数 evt を取得します。
    ui.owner を使用して igEditor への参照を取得します。
    evt.originalEvent を使用して、ブラウザーのイベントへの参照を取得します。

    コード サンプル

              $(document).delegate(".selector", "igcurrencyeditorblur", function (evt) {

              //return browser event
              evt.originalEvent;
          });

          //Initialize
          $(".selector").igCurrencyEditor({
              blur: function (evt) {
              ...
              }
          });

  • dropDownItemSelected
    継承

    キャンセル可能:
    true

    ドロップダウン リストが選択されるときに発生するイベント。
    関数は引数 evt および ui を受け取ります。
    ui.owner を使用して igEditor への参照を取得します。
    ui.editorInput を使用して、編集可能な入力への参照を取得します。
    ui.list を使用して、リスト コンテナーへの参照を取得します。
    ui.items を使用して、選択されたリスト項目への参照を取得します。

    コード サンプル

              $(document).delegate(".selector", "igcurrencyeditordropDownItemSelected", function (evt, ui) {

              //return browser event
              evt.originalEvent;
              
              //use to obtain reference to igEditor
              ui.owner;
				      //use to obtain reference to the editable input
              ui.editorInput;
				      //use to obtain reference to the list contaier 
              ui.list;
				      //use to obtain reference to the list item which is selected
              ui.item;
          });

          //Initialize
          $(".selector").igCurrencyEditor({
              dropDownItemSelected: function (evt, ui) {
              ...
              }
          });

  • dropDownItemSelecting
    継承

    キャンセル可能:
    true

    ドロップダウン リストが選択されるときに発生するイベント。
    関数は引数 evt および ui を受け取ります。
    ui.owner を使用して igEditor への参照を取得します。
    ui.editorInput を使用して、編集可能な入力への参照を取得します。
    ui.list を使用して、リスト コンテナーへの参照を取得します。
    ui.item を使用して、選択されようとしているリスト項目への参照を取得します。

    コード サンプル

              $(document).delegate(".selector", "igcurrencyeditordropDownItemSelecting", function (evt, ui) {

              //return browser event
              evt.originalEvent;
              //use to obtain reference to igEditor
              ui.owner;
				      //use to obtain reference to the editable input
              ui.editorInput;
				      //use to obtain reference to the list contaier 
              ui.list;
				      //use to obtain reference to the list item which is selected
              ui.item;
          });

          //Initialize
          $(".selector").igCurrencyEditor({
              dropDownItemSelecting: function (evt, ui) {
              ...
              }
          });

  • dropDownListClosed
    継承

    キャンセル可能:
    false

    ドロップダウン リストがすでに閉じているときに発生するイベント。
    関数は引数 evt および ui を受け取ります。
    ui.owner を使用して igEditor への参照を取得します。
    ui.editorInput を使用して、編集可能な入力への参照を取得します。
    ui.list を使用して、リスト コンテナーへの参照を取得します。

    コード サンプル

                 $(document).delegate(".selector", "igcurrencyeditordropDownListClosed", function (evt, ui) {                  
             
             //return browser event
              evt.originalEvent;
              
              //use to obtain reference to igEditor
              ui.owner;
				      //use to obtain reference to the editable input
              ui.editorInput;
				      //use to obtain reference to the list contaier 
              ui.list;
            });
            
            //Initialize
            $(".selector").igCurrencyEditor({
                dropDownListClosed: function (evt, ui) {
                ...
                }
            });

  • dropDownListClosing
    継承

    キャンセル可能:
    true

    ドロップダウン リストが閉じているときに発生するイベント。
    関数は引数 evt および ui を受け取ります。
    ui.owner を使用して igEditor への参照を取得します。
    ui.editorInput を使用して、編集可能な入力への参照を取得します。
    ui.list を使用して、リスト コンテナーへの参照を取得します。

    コード サンプル

                 $(document).delegate(".selector", "igcurrencyeditordropDownListClosing", function (evt, ui) {                  
              
              //return browser event
              evt.originalEvent;
              
              //use to obtain reference to igEditor
              ui.owner;
				      //use to obtain reference to the editable input
              ui.editorInput;
				      //use to obtain reference to the list contaier 
              ui.list;
            });
            
            //Initialize
            $(".selector").igCurrencyEditor({
                dropDownListClosing: function (evt, ui) {
                ...
                }
            });

  • dropDownListOpened
    継承

    キャンセル可能:
    false

    ドロップダウン リストがすでに開いているときに発生するイベント。
    関数は引数 evt および ui を受け取ります。
    ui.owner を使用して igEditor への参照を取得します。
    ui.editorInput を使用して、編集可能な入力への参照を取得します。
    ui.list を使用して、リスト コンテナーへの参照を取得します。

    コード サンプル

                 $(document).delegate(".selector", "igcurrencyeditordropDownListOpened", function (evt, ui) {                  
                
              //return browser event
              evt.originalEvent;
              
              //use to obtain reference to igEditor
              ui.owner;
				      //use to obtain reference to the editable input
              ui.editorInput;
				      //use to obtain reference to the list contaier 
              ui.list;
            });
            
            //Initialize
            $(".selector").igCurrencyEditor({
                dropDownListOpened: function (evt, ui) {
                ...
                }
            });

  • dropDownListOpening
    継承

    キャンセル可能:
    true

    ドロップダウン リストが開いているときに発生するイベント。
    関数は引数 evt および ui を受け取ります。
    ui.owner を使用して igEditor への参照を取得します。
    ui.editorInput を使用して、編集可能な入力への参照を取得します。
    ui.list を使用して、リスト コンテナーへの参照を取得します。

    コード サンプル

                 $(document).delegate(".selector", "igcurrencyeditordropDownListOpening", function (evt, ui) {                  
              
              //return browser event
              evt.originalEvent;
              
              //use to obtain reference to igEditor
              ui.owner;
				      //use to obtain reference to the editable input
              ui.editorInput;
				      //use to obtain reference to the list contaier 
              ui.list;
            });
            
            //Initialize
            $(".selector").igCurrencyEditor({
                dropDownListOpening: function (evt, ui) {
                ...
                }
            });

  • focus
    継承

    キャンセル可能:
    false

    エディターの入力フィールドがフォーカスを取得したとき発生するイベント。
    関数は引数 evt を取得します。
    ui.owner を使用して igEditor への参照を取得します。
    evt.originalEvent を使用して、ブラウザーのイベントへの参照を取得します。

    コード サンプル

                 $(document).delegate(".selector", "igcurrencyeditorfocus", function (evt) {
                  
                //return browser event
                evt.originalEvent;
            });
            
            //Initialize
            $(".selector").igCurrencyEditor({
                focus: function (evt) {
                ...
                }
            });

  • keydown
    継承

    キャンセル可能:
    true

    keydown イベントに対して発生するイベント。
    キー操作をキャンセルするには、False を返します。
    関数は引数 evt および ui を受け取ります。
    evt.originalEvent を使用して、ブラウザーのイベントへの参照を取得します。
    ui.owner を使用して igEditor への参照を取得します。
    ui.key を使用して keyCode の値を取得します。

    コード サンプル

          $(document).delegate(".selector", "igcurrencyeditorkeydown", function (evt, ui) {
          //return browser event
          evt.originalEvent;
          //use to obtain reference to igEditor 
          ui.owner; 
          //use to obtain value of keyCode
          ui.key;
      });

      //Initialize
      $(".selector").igCurrencyEditor({
          keydown: function (evt, ui) {
          ...
          }
      });

  • keypress
    継承

    キャンセル可能:
    true

    keypress イベントに対して発生するイベント。
    キー操作をキャンセルするには、False を返します。
    関数は引数 evt および ui を受け取ります。
    evt.originalEvent を使用して、ブラウザーのイベントへの参照を取得します。
    ui.owner を使用して igEditor への参照を取得します。
    ui.key を使用して keyCode の値を取得します。
    ui.key を元のエントリを置き換える別の文字に設定します。

    コード サンプル

            $(document).delegate(".selector", "igcurrencyeditorkeypress", function (evt, ui) {
            //return browser event
            evt.originalEvent;
            //use to obtain reference to igEditor 
            ui.owner;
            //use to obtain value of keyCode
            ui.key;
            //set the ui.key to "A" -a cahracter which will replace the original entry
            ui.key = 65;
        });

        //Initialize
        $(".selector").igCurrencyEditor({
            keypress: function (evt, ui) {
            ...
            }
        });

  • keyup
    継承

    キャンセル可能:
    false

    keyup イベントに対して発生するイベント。
    関数は引数 evt および ui を受け取ります。
    evt.originalEvent を使用して、ブラウザーのイベントへの参照を取得します。
    ui.owner を使用して igEditor への参照を取得します。
    ui.key を使用して keyCode の値を取得します。

    コード サンプル

            $(document).delegate(".selector", "igcurrencyeditorkeyup", function (evt, ui) {
            //return browser event
            evt.originalEvent;
            
            //use to obtain reference to igEditor 
            ui.owner;
            //use to obtain value of keyCode
            ui.key;

        });

        //Initialize
        $(".selector").igCurrencyEditor({
            keyup: function (evt, ui) {
            ...
            }
        });

  • mousedown
    継承

    キャンセル可能:
    false

    ドロップダウン リストを含むエディターの任意の部分での mousedown に対して発生するイベント。
    関数は引数 evt および ui を受け取ります。
    evt.originalEvent を使用して、ブラウザーのイベントへの参照を取得します。
    ui.owner を使用して igEditor への参照を取得します。
    ui.elementType を使用して、マウス位置の HTML 要素のタイプ (field、button、spinUpper、spinLower、または item# など) を取得します。
    ui.id および ui.elementType を使用して、マウス位置の HTML 要素を表すフラグを取得します。

    コード サンプル

            $(document).delegate(".selector", "igcurrencyeditormousedown", function (evt, ui) {
            //return browser event
            evt.originalEvent;

            //obtains type of html element under mouse, such as field, button, spinUpper, spinLower or item#.
            ui.elementType;

            //obtains id of html element under mouse, such as field, button, spinUpper, spinLower or item#.
            ui.id;

        });

        //Initialize
        $(".selector").igCurrencyEditor({
            mousedown: function (evt, ui) {
            ...
            }
        });

  • mousemove
    継承

    キャンセル可能:
    false

    ドロップダウン リストを含むエディターの任意の部分での mousemove に対して発生するイベント。
    関数は引数 evt および ui を受け取ります。
    evt.originalEvent を使用して、ブラウザーのイベントへの参照を取得します。
    ui.owner を使用して igEditor への参照を取得します。
    ui.elementType を使用して、マウス位置の HTML 要素のタイプ (field、button、spinUpper、spinLower、または item# など) を取得します。
    ui.id および ui.elementType を使用して、マウス位置の HTML 要素を表すフラグを取得します。

    コード サンプル

            $(document).delegate(".selector", "igcurrencyeditormousemove", function (evt, ui) {
            //return browser event
            evt.originalEvent;

            //obtains type of html element under mouse, such as field, button, spinUpper, spinLower or item#.
            ui.elementType;

            //obtains id of html element under mouse, such as field, button, spinUpper, spinLower or item#.
            ui.id;

        });

        //Initialize
        $(".selector").igCurrencyEditor({
            mousemove: function (evt, ui) {
            ...
            }
        });

  • mouseout
    継承

    キャンセル可能:
    false

    ドロップダウン リストを含むエディターの任意の部分での mouseleave に対して発生するイベント。
    関数は引数 evt および ui を受け取ります。
    evt.originalEvent を使用して、ブラウザーのイベントへの参照を取得します。
    ui.owner を使用して igEditor への参照を取得します。
    ui.elementType を使用して、マウス位置の HTML 要素のタイプ (field、button、spinUpper、spinLower、または item# など) を取得します。
    ui.id および ui.elementType を使用して、マウス位置の HTML 要素を表すフラグを取得します。

    コード サンプル

            $(document).delegate(".selector", "igcurrencyeditormouseout", function (evt, ui) {
            //return browser event
            evt.originalEvent;

            //obtains type of html element under mouse, such as field, button, spinUpper, spinLower or item#.
            ui.elementType;

            //obtains id of html element under mouse, such as field, button, spinUpper, spinLower or item#.
            ui.id;
        });

        //Initialize
        $(".selector").igCurrencyEditor({
            mouseout: function (evt, ui) {
            ...
            }
        });

  • mouseover
    継承

    キャンセル可能:
    false

    ドロップダウン リストを含むエディターの任意の部分での mouseover に対して発生するイベント。
    関数は引数 evt および ui を受け取ります。
    evt.originalEvent を使用して、ブラウザーのイベントへの参照を取得します。
    ui.owner を使用して igEditor への参照を取得します。
    ui.elementType を使用して、マウス位置の HTML 要素のタイプ (field、button、spinUpper、spinLower、または item# など) を取得します。
    ui.id および ui.elementType を使用して、マウス位置の HTML 要素を表すフラグを取得します。

    コード サンプル

          $(document).delegate(".selector", "igcurrencyeditormouseover", function (evt, ui) {
          //return browser event
          evt.originalEvent;
          
          //obtains type of html element under mouse, such as field, button, spinUpper, spinLower or item#.
          ui.elementType;

          //obtains id of html element under mouse, such as field, button, spinUpper, spinLower or item#.
          ui.id;
      });

      //Initialize
      $(".selector").igCurrencyEditor({
          mouseover: function (evt, ui) {
          ...
          }
      });

  • mouseup
    継承

    キャンセル可能:
    false

    ドロップダウン リストを含むエディターの任意の部分での mouseup に対して発生するイベント。
    関数は引数 evt および ui を受け取ります。
    evt.originalEvent を使用して、ブラウザーのイベントへの参照を取得します。
    ui.owner を使用して igEditor への参照を取得します。
    ui.elementType を使用して、マウス位置の HTML 要素のタイプ (field、button、spinUpper、spinLower、または item# など) を取得します。
    ui.id および ui.elementType を使用して、マウス位置の HTML 要素を表すフラグを取得します。

    コード サンプル

          $(document).delegate(".selector", "igcurrencyeditormouseup", function (evt, ui) {
          //return browser event
          evt.originalEvent;


          //obtains type of html element under mouse, such as field, button, spinUpper, spinLower or item#.
          ui.elementType;

          //obtains id of html element under mouse, such as field, button, spinUpper, spinLower or item#.
          ui.id;

      });

      //Initialize
      $(".selector").igCurrencyEditor({
          mouseup: function (evt, ui) {
          ...
          }
      });

  • rendered
    継承

    キャンセル可能:
    false

    エディターの描画が完了した後に発生するイベント。
    関数は引数 evt および ui を受け取ります。
    ui.owner を使用して、レンダリングを実行するエディターへの参照を取得します。
    ui.element を使用して、エディター要素への参照を取得します。

    コード サンプル

            $(document).delegate(".selector", "igcurrencyeditorrendered", function (evt, ui) {
          
        });

        //Initialize
        $(".selector").igCurrencyEditor({
            rendered: function () {
            ...
            }
        });

  • rendering
    継承

    キャンセル可能:
    false

    エディターの描画が完了する前に発生するイベント。
    関数は引数 evt および ui を受け取ります。
    ui.owner を使用して、レンダリングを実行するエディターへの参照を取得します。
    ui.element を使用して、エディター要素への参照を取得します。

    コード サンプル

            $(document).delegate(".selector", "igcurrencyeditorrendering", function (evt, ui) {
          
        });

        //Initialize
        $(".selector").igCurrencyEditor({
            rendering: function () {
            ...
            }
        });

  • textChanged
    継承

    キャンセル可能:
    false

    エディター内のテキストが変更された後に発生するイベント。keyUp イベントが発生するときに発生できます。
    または、クリアボタンがクリックされたときまたはリストの項目がせんたくされたときに発生できます。
    関数は引数 evt および ui を受け取ります。
    ui.owner を使用して igEditor への参照を取得します。
    ui.text を使用して、新しいテキストを取得します。
    古いテキストの取得に ui.oldText を使用します。

    コード サンプル

            $(document).delegate(".selector", "igcurrencyeditortextChanged", function (evt, ui) {
          
          //Use to obtain reference to igEditor
          ui.owner;
				  //Use to obtain new text
          ui.text;
				  //Use to obtain the old text
          ui.oldTеxt;
        });

        //Initialize
        $(".selector").igCurrencyEditor({
            textChanged: function (evt, ui) {
            ...
            }
        });

  • valueChanged
    継承

    キャンセル可能:
    false

    エディター内の値が変更された後に発生するイベント。フォーカスの消失またはスピン イベントに対して発生します。
    関数は引数 evt および ui を受け取ります。
    ui.owner を使用して igEditor への参照を取得します。
    ui.newValue を使用して新しい値を取得します。
    ui.originalValue を使用して、元の値を取得します。
    ui.editorInput を使用して、エディター入力への参照を取得します。

    コード サンプル

            $(document).delegate(".selector", "igcurrencyeditorvaluechanged", function (evt, ui) {

						//Use to obtain reference to igEditor
						ui.owner;
						//Use to obtain new value
						ui.newValue;
						//Use to obtain the value coming from the native event arguments
						ui.originalValue;
						//Use to obtain reference to editor input
						ui.editorInput
        });

        //Initialize
        $(".selector").igCurrencyEditor({
            valueChanged: function (evt, ui) {
            ...
            }
        });

  • valueChanging
    継承

    キャンセル可能:
    true

    エディター内の値が変更される前に発生するイベント。
    変更をキャンセルするには、False を返します。
    フォーカスの消失またはスピン イベントに対して発生します。
    関数は引数 evt および ui を受け取ります。
    ui.owner を使用して igEditor への参照を取得します。
    ui.newValue を使用して新しい値を取得します。
    ui.originalValue を使用して、元の値を取得します。
    ui.editorInput を使用して、エディター入力への参照を取得します。

    コード サンプル

            $(document).delegate(".selector", "igcurrencyeditorvaluechanging", function (evt, ui) {

						//Use to obtain reference to igEditor
						ui.owner;
						//Use to obtain new value
						ui.newValue;
						//Use to obtain old value
						ui.oldValue;
						//Use to obtain reference to editor input
						ui.editorInput
        });

        //Initialize
        $(".selector").igCurrencyEditor({
            valueChanging: function (evt, ui) {
            ...
            }
        });

  • clearButton
    継承

    .igCurrencyEditor( "clearButton" );

    エディターのクリア ボタン UI 要素への参照を返します。
    returnType="$"。jquery オブジェクトへの参照を返します。

    コード サンプル

     
      $(".selector").igCurrencyEditor("clearButton");

  • currencySymbol

    .igCurrencyEditor( "currencySymbol", [symbol:object] );
    返却型:
    string
    返却型の説明:
    現在の通貨記号。

    入力で数値と表示される通貨記号として使用される文字列を取得または設定します。パラメーターとして提供される値が currencySymbol オプションに伝達されるため、オプションと同じ優先があります。

    • symbol
    • タイプ:object
    • オプション
    • 新しい通貨記号。

    コード サンプル

     
      $(".selector").igCurrencyEditor("currencySymbol", "$");

  • destroy
    継承

    .igCurrencyEditor( "destroy" );

    ウィジェットを破棄します。

    コード サンプル

     
      $(".selector").igCurrencyEditor("destroy");

  • displayValue
    継承

    .igCurrencyEditor( "displayValue" );
    返却型:
    string
    返却型の説明:
    エディターの表示テキスト。

    エディターに表示するテキストを取得します。

    コード サンプル

     
        $(".selector").igCurrencyEditor("displayValue");

  • dropDownButton
    継承

    .igCurrencyEditor( "dropDownButton" );

    エディターのクリア ボタン UI 要素への参照を返します。
    returnType="$"。jquery オブジェクトへの参照を返します。

    コード サンプル

     
        $(".selector").igCurrencyEditor("dropDownButton");

  • dropDownContainer
    継承

    .igCurrencyEditor( "dropDownContainer" );

    ドロップダウンのコンテナーとして使用される jquery オブジェクトへの参照を取得します。
    returnType="$"。jquery オブジェクトへの参照を返します。

    コード サンプル

     
        $(".selector").igCurrencyEditor("dropDownContainer");

  • dropDownVisible
    継承

    .igCurrencyEditor( "dropDownVisible" );
    返却型:
    bool
    返却型の説明:
    ドロップダウンの表示状態。

    項目を表示するドロップダウンの表示状態を返します。

    コード サンプル

     
        $(".selector").igCurrencyEditor("dropDownVisible");

  • editorContainer
    継承

    .igCurrencyEditor( "editorContainer" );
    返却型:
    object
    返却型の説明:
    コンテナー エディター要素。

    エディターをラップする jQuery 要素への参照を取得します。

    コード サンプル

     
        $(".selector").igCurrencyEditor("editorContainer");

  • field
    継承

    .igCurrencyEditor( "field" );

    エディターの入力要素を取得します。
    returnType="$" 視覚エディター要素。

    コード サンプル

     
        $(".selector").igCurrencyEditor("field");

  • findListItemIndex
    継承

    .igCurrencyEditor( "findListItemIndex", number:number );
    返却型:
    number
    返却型の説明:
    見つかった項目のインデックスを返します。

    検索パラメーターと一致するテキストによってリスト項目のインデックスを検索します。

    • number
    • タイプ:number
    • 検索するテキスト。

    コード サンプル

     
        $(".selector").igCurrencyEditor("findListItemIndex");

  • getRegionalOption
    継承

    .igCurrencyEditor( "getRegionalOption" );
    返却型:
    string
    返却型の説明:
    現在の地域。

    現在の地域を取得します。

    コード サンプル

     
        $(".selector").igCurrencyEditor("getRegionalOption");

  • getSelectedListItem
    継承

    .igCurrencyEditor( "getSelectedListItem" );

    選択されたリスト項目を取得します。
    returnType="$" 選択されたリスト項目。

    コード サンプル

     
        $(".selector").igCurrencyEditor("getSelectedListItem");

  • hasFocus
    継承

    .igCurrencyEditor( "hasFocus" );
    返却型:
    bool
    返却型の説明:
    エディターがフォーカスされるかどうかを返します。

    エディターがフォーカスを持つかどうかを取得します。

    コード サンプル

     
        $(".selector").igCurrencyEditor("hasFocus");

  • hide
    継承

    .igCurrencyEditor( "hide" );

    エディターを非表示にします。

    コード サンプル

     
        $(".selector").igCurrencyEditor("hide");

  • hideDropDown
    継承

    .igCurrencyEditor( "hideDropDown" );

    ドロップダウン リストを非表示します。

    コード サンプル

     
        $(".selector").igCurrencyEditor("hideDropDown");

  • inputName
    継承

    .igCurrencyEditor( "inputName", [newValue:string] );
    返却型:
    string
    返却型の説明:
    現在の入力名。

    エディター要素に適用される名前属性を取得または設定します。

    • newValue
    • タイプ:string
    • オプション
    • 新しい入力名。

    コード サンプル

     
        $(".selector").igCurrencyEditor("inputName", "newName");

  • insert
    継承

    .igCurrencyEditor( "insert", string:string );

    カレットの位置、または現在選択を上書きしてテキストを挿入します。エディターがフォーカスを持つ場合、このメソッドは現在選択を上書きしてテキストを挿入します。エディターがフォーカスを持たない場合、このメソッドはエディターの値をテキストに設定します。注: メソッドは textChanged イベントを発生させます。

    • string
    • タイプ:string
    • 挿入する文字列。

    コード サンプル

     
        $(".selector").igCurrencyEditor("insert", "20");

  • isValid
    継承

    .igCurrencyEditor( "isValid" );
    返却型:
    bool
    返却型の説明:
    編集値が有効化どうか。

    エディター内の値が値かどうかチェックします。注: この機能は自動通知をトリガーしません。

    コード サンプル

     
        $(".selector").igCurrencyEditor("isValid");

  • select
    継承

    .igCurrencyEditor( "select", start:number, end:number );

    エディターで開始インデックスおよび終了インデックスの間のテキストを選択します。パラメーターが等しい場合、このメソッドはカレットの場所を設定します。このメソッドはエディターにフォーカスがある場合のみ効果があります。

    • start
    • タイプ:number
    • 選択の開始。
    • end
    • タイプ:number
    • 選択の終了。

    コード サンプル

     
        $(".selector").igCurrencyEditor("select", 2, 4);

  • selectedListIndex
    継承

    .igCurrencyEditor( "selectedListIndex", [index:number] );
    返却型:
    number
    返却型の説明:
    選択されているインデックスを返します。

    リ選択したリスト項目のインデックスを取得します。選択した項目をインデックスによって設定します。

    • index
    • タイプ:number
    • オプション
    • 選択する項目のインデックス。

    コード サンプル

     
        $(".selector").igCurrencyEditor("selectedListIndex", 1);

  • selectListIndexDown
    継承

    .igCurrencyEditor( "selectListIndexDown" );

    リストの現在の項目の下に表示される項目にホバー インデックスを移動します。

    コード サンプル

     
        $(".selector").igCurrencyEditor("selectListIndexDown", 1);

  • selectListIndexUp
    継承

    .igCurrencyEditor( "selectListIndexUp" );

    リストの現在の項目の上に表示される項目にホバー インデックスを移動します。

    コード サンプル

     
        $(".selector").igCurrencyEditor("selectListIndexUp", 2);

  • setFocus
    継承

    .igCurrencyEditor( "setFocus", [delay:number] );

    指定した遅延時間の後にフォーカスをエディターに設定します。

    • delay
    • タイプ:number
    • オプション
    • エディターにフォーカスする前の遅延。

    コード サンプル

     
        $(".selector").igCurrencyEditor("setFocus", 200);

  • show
    継承

    .igCurrencyEditor( "show" );

    エディターを表示します。

    コード サンプル

     
        $(".selector").igCurrencyEditor("show");

  • showDropDown
    継承

    .igCurrencyEditor( "showDropDown" );

    ドロップダウン リストを表示します。

    コード サンプル

     
        $(".selector").igCurrencyEditor("showDropDown");

  • spinDown
    継承

    .igCurrencyEditor( "spinDown", [delta:number] );

    パラメーターでエディターの値を減らします。

    • delta
    • タイプ:number
    • オプション
    • 値のデクリメント。

    コード サンプル

     
        $(".selector").igCurrencyEditor("spinDown", 2);

  • spinDownButton
    継承

    .igCurrencyEditor( "spinDownButton" );

    エディターのスピン ダウン UI 要素への参照を返します。
    returnType="$" エディターのスピン ダウン UI 要素を表す jQuery オブジェクト。

    コード サンプル

     
        $(".selector").igCurrencyEditor("spinDownButton");

  • spinUp
    継承

    .igCurrencyEditor( "spinUp", [delta:number] );

    リストが開いた場合、ドロップダウン リストの前の項目をホバーします。

    • delta
    • タイプ:number
    • オプション
    • 値のインクリメント。

    コード サンプル

     
        $(".selector").igCurrencyEditor("spinUp");

  • spinUpButton
    継承

    .igCurrencyEditor( "spinUpButton" );

    エディターのスピン アップ UI 要素への参照を返します。
    returnType="$" エディターのスピン アップ UI 要素を表す jQuery オブジェクト。

    コード サンプル

     
        $(".selector").igCurrencyEditor("spinUpButton");

  • validate
    継承

    .igCurrencyEditor( "validate" );
    返却型:
    bool
    返却型の説明:
    編集値が有効化どうか。

    エディターの検証をトリガーします。 validatorOptions を設定すると igValidator で検証も呼び出されます。

    コード サンプル

     
        $(".selector").igCurrencyEditor("validate");

  • validator
    継承

    .igCurrencyEditor( "validator" );
    返却型:
    object
    返却型の説明:
    igValidator への参照または null を返します。

    エディターで使用される igValidator への参照を取得します。

    コード サンプル

     
        $(".selector").igCurrencyEditor("validator");

  • value
    継承

    .igCurrencyEditor( "value", [newValue:number] );
    返却型:
    number
    返却型の説明:
    現在のエディター値。

    エディター値を取得または設定します。

    • newValue
    • タイプ:number
    • オプション
    • 新しいエディターの値。

    コード サンプル

     
        $(".selector").igCurrencyEditor("value", 25);

  • ui-state-active

    エディターがアクティブなときに最上位の要素に適用されるクラス。デフォルト値は 'ui-state-active' です。

  • ui-igedit-button-common ui-unselectable

    すべてのボタン コンテナーに適用されるクラス。デフォルト値は 'ui-igedit-button-common ui-unselectable ui-igedit-button-ltr ui-state-default' です。

  • ui-igedit-buttonhover ui-state-hover

    マウス オーバー状態のボタンの SPAN 要素に適用されるクラス。デフォルト値は 'ui-igedit-buttonhover ui-state-hover' です。

  • ui-igedit-buttonpressed ui-state-highlight

    押下状態のボタンの SPAN 要素に適用されるクラス。デフォルト値は 'ui-igedit-buttonpressed ui-state-highlight' です。

  • ui-igedit-cleararea ui-state-default

    クリア ボタンを保持する DIV 要素に適用されるクラス。デフォルト値は 'ui-igedit-cleararea ui-state-default' です。

  • ui-igedit-buttonimage ui-icon-circle-close

    クリア ボタン画像を保持する DIV 要素に適用されるクラス。デフォルト値は 'ui-igedit-buttonimage ui-icon-circle-close ui-icon ui-igedit-buttondefault' です。

  • ui-igedit ui-igedit-container ui-widget ui-corner-all ui-state-default

    エディターがコンテナーに描画される場合に最上位の要素に適用されるクラス。デフォルト値は、'ui-igedit ui-igedit-container ui-widget ui-corner-all ui-state-default' です。

  • ui-state-disabled

    無効な状態の編集要素に適用されるクラス。デフォルト値は 'ui-igedit-disabled ui-state-disabled' です。

  • ui-igedit-dropdown-button

    ドロップ ダウン ボタンを保持する DIV 要素に適用されるクラス。デフォルト値は 'ui-igedit-dropdown-button' です。

  • ui-icon ui-icon-triangle-1-s ui-igedit-buttonimage

    ドロップ ダウン ボタン画像を保持する DIV 要素に適用されるクラス。デフォルト値は、'ui-icon ui-icon-carat-1-s ui-igedit-buttonimage' です。

  • ui-igedit-dropdown ui-widget

    listitems を保持するコンテナーに適用されるクラス。デフォルト値は 'ui-igedit-dropdown' です。

  • ui-igedit-input

    メイン/最上位の要素に適用されるクラス。デフォルト値は 'ui-igedit-input' です。

  • ui-igeditor-input-container ui-corner-all

    編集可能な入力をラップする div に適用されたクラス (multiline textarea の場合)。デフォルト値は、"ui-igeditor-input-container ui-corner-all"。

  • ui-state-focus

    エディターがフォーカスされるときに最上位の要素に適用されるクラス。デフォルト値は 'ui-state-focus' です。

  • ui-state-hover

    エディターがホバーされるときに最上位の要素に適用されるクラス。デフォルト値は 'ui-state-hover' です。

  • ui-igedit-listitem ui-state-default

    ドロップダウン リスト内の項目を表す SPAN 要素に適用されるクラス。デフォルト値は 'ui-igedit-listitem ui-state-default' です。

  • ui-state-active ui-igedit-listitemactive

    ドロップダウン リスト内のアクティブ項目を表す SPAN 要素に適用されるクラスに適用されるクラス。デフォルト値は 'ui-igedit-listitemselected ui-state-highlight' です。

  • ui-igedit-listitemhover ui-state-hover

    マウス オーバー状態のドロップダウン リスト内の項目を表す SPAN 要素に適用されるクラスに適用されるクラス。デフォルト値は 'ui-igedit-listitemhover ui-state-hover' です。

  • ui-igedit-listitemselected ui-state-highlight

    ドロップダウン リスト内の選択項目を表す SPAN 要素に適用されるクラスに適用されるクラス。デフォルト値は 'ui-igedit-listitemselected ui-state-highlight' です。

  • ui-igedit-negative

    値が負のときの数値エディターの編集要素に適用されるクラス。エディターが表示モード (フォーカスなし) にある場合のみに適用されるクラス。デフォルト値は 'ui-igedit-negative' です。

  • ui-igedit-placeholder

    plaseHolder オプションを設定した場合に表示可能な入力に適用されるクラス。このクラスは、スタイリングのみに関連します。デフォルト値は 'ui-igedit-placeholder' です。

  • ui-igedit-spinlowerimage ui-icon-carat-1-s ui-icon

    スピン ダウン画像を保持する DIV 要素に適用されるクラス。デフォルト値は、'ui-igedit-spinlowerimage ui-icon-carat-1-s ui-icon ui-igedit-buttondefault ui-igedit-spinbutton ui-igedit-buttonimage' です。

  • ui-igedit-spinupperimage ui-icon-carat-1-n ui-icon

    スピン アップ画像を保持する DIV 要素に適用されるクラス。デフォルト値は、'ui-igedit-spinupperimage ui-icon-carat-1-n ui-icon ui-igedit-buttondefault ui-igedit-spinbutton ui-igedit-buttonimage' です。

  • ui-igedit-textarea

    textMode が 'multiline' に設定される場合、可視 textarea 要素に適用されるクラス。

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