InputMan for ASP.NET独自のクライアント側イベント

1. イベントハンドラを生成するコントロールを選択します。
2. プロパティウィンドウからClientEventsを展開します。
3. イベントハンドラを追加するイベントのドロップダウンリストから、[新しいハンドラを追加]を選択します。
   
      
   
   
4. 追加するイベントハンドラの名前を入力しOKボタンをクリックします。
   
      
   
   
5. 以上の操作により、自動的にASPXファイルにはコントロールのインライン属性としてClientEventsタグが追加され、headタグ内にはJavaScriptの関数が生成されます。
   • HTML

   <im_date:GcDate id="GcDate1" runat="server">
       <ClientEvents InvalidInput="GcDate1_InvalidInput"></ClientEvents>
   </im_Date:GcDate>

   • JavaScript

   function GcDate1_InvalidInput(sender, eArgs)
   {
       //Add code to handle your event here.
   }

標準クライアント側イベント

1. イベントハンドラを生成するコントロールを選択します。
2. プロパティウィンドウからClientEventsを展開し、その下にあるStandardClientEventsを展開します。
3. イベントハンドラを追加するイベントのドロップダウンリストから、[新しいハンドラを追加]を選択します。
   
      
   
   
4. 追加するイベントハンドラの名前を入力しOKボタンをクリックします。
5. 以上の操作により、自動的にASPXファイルにはコントロールのインライン属性としてClientEventsタグが追加され、headタグ内にはJavaScriptの関数が生成されます。
   • HTML

   <im_date:GcDate id="GcDate1" runat="server">
       <ClientEvents>
           <StandardClientEvents onblur="GcDate1_onblur"></StandardClientEvents>
           </ClientEvents>
   </im_Date:GcDate>

   • JavaScript

   function GcDate1_onblur()
   {
       //Add code to handle your event here.
   }

クライアント側のイベントをコーディングによって生成する場合、イベントハンドラと対応するJavaScript関数を追加する必要があります。イベントハンドラは、ASP.NETコードビハインドクラスで各コントロールのClientEventsプロパティに設定します。

1. イベントハンドラの作成

ASP.NETコードビハインドクラスで各コントロールのClientEventsプロパティを設定します。

GcMask1.ClientEvents.InvalidInput = "GcMask1_InvalidInput"
GcMask1.ClientEvents.StandardClientEvents.onblur = "GcMask1_onblur"

GcMask1.ClientEvents.InvalidInput = "GcMask1_InvalidInput";
GcMask1.ClientEvents.StandardClientEvents.onblur = "GcMask1_onblur";

2. イベント関数の作成

function GcMask1_InvalidInput(sender, eArgs)
{
}

function GcMask1_onblur()
{
}

また、InputMan for ASP.NET独自のイベントにのみ、クライアント側のonloadイベントに、JavaScriptの実装を行うことでイベントの処理が可能です。このとき、イベント関数は「OnXXX」（XXXはイベント名）を使用します。 次のサンプルコードは、テキストコントロールのKeyExitイベントの実装例です。

window.onload = function () {
    var gcTextBox = FindIMControl("GcTextBox1");
        gcTextBox.OnKeyExit(function (sender, eArgs) {
        if (eArgs.Key == GCIM.ExitKeys.Tab) {
            alert("次のコントロールに移動します。");
        }
        else {
            alert("前のコントロールに移動します。");
        }
    });
};

function IMControl_onfocus(id)
{
    FindIMControl(id).SetBackColor("blue");
}

ASPXファイルに追加する

<im_mask:GcMask id="GcMask1" runat="server">
    <ClientEvents>
    <StandardClientEvents onfocus="IMControl_onfocus('GcMask1')"></StandardClientEvents>
    </ClientEvents>
</im_mask:GcMask>

<im_edit:GcTextBox id="GcTextBox1" runat="server">
    <ClientEvents>
    <StandardClientEvents onfocus="IMControl_onfocus('GcTextBox')"></StandardClientEvents>
    </ClientEvents>
</im_edit:GcTextBox>

ASP.NETコードビハインドクラスに追加する

GcMask1.ClientEvents.StandardClientEvents.onfocus = "IMControl_onfocus('GcMask1')"
GcTextBox1.ClientEvents.StandardClientEvents.onfocus = "IMControl_onfocus('GcTextBox1')"

GcMask1.ClientEvents.StandardClientEvents.onfocus = "IMControl_onfocus('GcMask1')";
GcTextBox1.ClientEvents.StandardClientEvents.onfocus = "IMControl_onfocus('GcTextBox1')";

HTMLコントロールや、Visual Studioの標準コントロールでは、JavaScriptで自分自身を表すオブジェクトにアクセスするために「this」キーワードを使用することができます。しかし、InputMan for ASP.NETのコントロールは、多くのHTMLエレメントで作成されているため、「this」キーワードを使用してのコントロールのオブジェクトへのアクセスはサポートされていません。上記のように、コントロールIDとFindIMControlメソッドを使用してオブジェクトを取得する方法を推奨します。