バージョン

WebNumericEditor で負のテキストをスタイル

WebNumericEditor™ によってコントロールの NegativeCssClass プロパティを設定するだけで、負の数値をスタイルできます。これにより、WebNumericEditor コントロールの負の値がすぐ分かるようになります。

WebNumericEditor で負のテキストをスタイルするには:

  1. ScriptManager コンポーネントと WebNumericEditor コントロールを WebForm に配置します。

  2. ASPX ソースに以下のコードを含めて負のテキストの CSS クラスを定義します。この CSS クラスが WebNumericEditor コントロールに関連付けられたら、負の値がコントロールに入力されるとすぐにテキストは赤に変わります。

HTML の場合:

<style type="text/css">
     .NegativeText
     {
        color : Red;
     }
    </style>

  1. Microsoft® Visual Studio® [プロパティ] ウィンドウを使用する、または以下のコードを使用することによって、NegativeCssClass プロパティを設定します:

Visual Basic の場合：

WebNumericEditor1.NegativeCssClass = "NegativeText"

C# の場合：

WebNumericEditor1.NegativeCssClass = "NegativeText";

  1. アプリケーションを保存して実行します。エディターに負の値を入力すると、以下の画像のように、コントロールがフォーカスを失うとすぐに、CSS クラスがエディターに適用されるのが分かります。

images\WebNumericEditor Styling negative text in WebNumericEditor 01.png