6 4 WAMフォームを管理するWEBEVENTコンテナー フォーム

LANSA WAM

6.4 WAMフォームを管理するWEBEVENTコンテナー・フォーム

WEBEVENTフォームを呼び出す主な手段は、HandleEvent()というJavaScript関数です。WEBEVENTフォームからWAMフォームを呼び出すためのJavaScriptベースの手段として、それとよく似たHandleWAMEvent()という関数も用意されています。

WEBEVENTフォームからWAMフォームを呼び出すには、以下のようにします。

1.  提供されているHandleWAMEvent()というJavaScript関数を使用します。

     この関数を呼び出す方法は、HandleEvent()関数を呼び出す方法と同じです。

2.  パラメータは、HandleWAMEvent(WAM, Webroutine, TechServ, Form, Target, actionRequest, Partition, Language, optSessionKey, optDebugMode, "ASURNAME", "ASTDRENTRY", ...)のようになっていて、各フィールドに対応する可変数のパラメータの値をWebroutineに渡すことができます。ここでフィールド名の前に接頭辞を1文字付けることが重要です。この接頭辞は、Alphanumericフィールドの場合はA、Packedフィールドの場合はP、Signedフィールドの場合はS、RDMLXフィールドの場合はQです。この接頭辞は、WAMのWEBROUTINEにフィールド値を渡すときには必要ありませんが、フォームのフィールド値にアクセスする時は必須です。これはJavaScriptのHandleWebEvent()関数のセマンティックスと一貫性を持たせるためでもあります。

3.  HandleWAMEventのパラメータは、以下のとおりです。

WAM

ターゲットWAMの名前

Webroutine

ターゲットWEBROUTINEの名前

TechServ

使用するテクノロジ・サービス。省略値のLANSA XHTMLテクノロジ・サービスの場合はnull。

Form

送信フォームのためのフィールド値を取得するフォームHTMLオブジェクト。(例:「MYFORM」という名前のフォームであればdocument.MYFORM) 省略値のLANSAフォームの場合はnull。

Target

ナビゲーションの結果が表示されるターゲットのiframe、frame、ウィンドウ。新しいページを呼び出す場合はnull。

actionRequest

nullの場合は、デフォルトの"cgi-bin/lansaweb"操作の要求。

Partition

WAMフォームを実行する区画。

Language

WAMを実行する言語。

optSessionKey

SessionKeyMethodがURLの場合、任意でセッション・キーを渡すことがが可能。それ以外はnull。

optDebugMode

デバッグURLキーワードを渡して、WAMのデバッグが可能。それ以外はnull。

 

4.  このJavaScript関数は、指定のFormパラメータ (またはFormがnullの場合は省略値の"LANSA"フォーム) からフィールドの値を取得し、一時的なフォームを作成して、URLに送信されるこのフォームにフィールドと値を挿入します。そして、URLに対するHTTP postを実行します。HandleWebEvent()にパラメータとして渡すフィールド名にはすべて、フィールドのタイプを示す1文字の接頭辞を付ける必要があることに注意してください。WAMフィールド参照は接頭辞を必要としませんが、WEBEVENTファンクションは必要とします。したがって、このJavaScriptコードは、WEBEVENTフォームから指定のフィールド値を取得するときには1文字の接頭辞付きで取得しますが、WAMファンクションにフィールド名を送信するときには接頭辞なしで送信します。

5.  JavaScript関数のTargetパラメータは必須です。指定できる値は、中に組み込むiframeの名前、frameの名前、ウィンドウの名前のいずれかです。

6.  その結果、指定のフィールド値が渡されたWebroutineが実行され、Webroutineページがブラウザーに表示されます。Webroutineに値を設定するには、送信するフィールドがWEB_MAP FOR(*INPUTまたは*BOTH)で指定されていなければいけません。

WEBEVENTフォームからWAMフォームを開始し、情報を渡す方法

1.  ファンクションを作成して、以下のコードを貼り付けます。

 

Function Options(*DIRECT *webevent)

Define Field(#searchwam) Type(*char) Length(1)
Define Field(#wamname) Type(*char) Length(9)
Define Field(#webrname) Type(*char) Length(20)
Define Field(#techserv) Type(*char) Length(21)
Define Field(#frametgt) Type(*char) Length(20)
Define Field(#currlang) Type(*char) Length(4) Default(*language)

Group_By Name(#webform) Fields((#stdrentry *hidden) (#frametgt *noid) #surname #searchwam (#currlang *hidden) (#partition *hidden) (#wamname *hidden) (#webrname *hidden) (#techserv *hidden))

Change Field(#wamname) To(<your wam name>)
Change Field(#webrname) To(<your wam webroutine name>)
Change Field(#frametgt) To(<your iframe name>)
Change Field(#stdrentry) To(N)

Request Fields(#webform) Exit_Key(*no) Menu_Key(*no) Prompt_Key(*no)

 

2.  <your wam name>、 <your wam name> 、 <your iframe name>をそれぞれ適切な名前に置き換えます。

     この場合、WAMは、デフォルトのLANSA:XHTMLテクノロジ・サービスと同じ区画に存在していなければならず、同じ言語で実行しなければなりません。そうでなければ、#techserv、#currlang、#partitionの各フィールドの値を変更してください。

3.  LANSA Webエディターを使用して、InputタイプのVisualコンポーネントを作成し、FRAMETGTという名前を付けます。

4.  コンポーネントのページにもFRAMETGTという名前を付けます。

5.  新しいページを作成して、以下のコードを貼り付けます。

<iframe style="width:600px; height:400px" name='<RDML MERGE="FRAMETGT">'></iframe>

 

6.  ページをFRAMETGTとして保存します。

7.  LANSA Webファンクション・エディターを使用して、InputタイプのVisualコンポーネントを作成し、SEARCHWAMという名前を付けます。

8.  コンポーネントのページにもSEARCHWAMという名前を付けます。

9.  新しいページを作成して、以下のコードを貼り付けます。

 

<button onclick="return HandleWAMEvent('<RDML MERGE="WAMNAME">', '<RDML MERGE="WEBRNAME">', '<RDML MERGE="TECHSERV">', null, '<RDML MERGE="TARGET">', null, '<RDML MERGE="PARTITION">', '<RDML MERGE="CURRLANG">', null, null, 'ASURNAME', 'ASTDRENTRY' )">Search</button>

 
<script type="text/javascript">

//<![CDATA[

function HandleWAMEvent(WAM, WebRoutine, techServ, Form, Target, actionRequest, Partition, Language, optSessionKey, optDebugMode /*, field1, field2, etc...*/)

{

   if (Form == null)

   {

      Form = document.LANSA;

   }

   if (techServ == null)

   {

      techServ = "LANSA:XHTML";

   }

 

   var oTempForm = Form.ownerDocument.createElement("form");

 

   if (oTempForm != null)

   {

      oTempForm.setAttribute("method", "post");

      Form.ownerDocument.body.appendChild(oTempForm);

      var argLen = arguments.length;

 

      if (argLen > 10)

      {

         for (var index = 10; index < argLen; index++)

         {

            var fieldNameWithPrefix = arguments[index];

            var fieldName = fieldNameWithPrefix.substr(1, fieldNameWithPrefix.length - 1);

            for (var ind = fieldNameWithPrefix.length; ind < 10; ind++)

            {

               fieldNameWithPrefix += " ";

            }

            var fieldValue = Form.elements[fieldNameWithPrefix].value;

            InsertHidden(oTempForm, fieldName, fieldValue);

         }

      }

 

      // Add STDANCHOR if available

      var anchorField = Form.elements["ASTDANCHOR"];

      if (anchorField != null)

      {

         InsertHidden(oTempForm, "STDANCHOR", anchorField.value);

      }

 

      var prevAction = oTempForm.action;

      var prevTarget = oTempForm.target;

 

      var action = "";

      if (actionRequest == null || actionRequest.length <= 0)

      {

         actionRequest = "/cgi-bin/lansaweb";

      }

      action += actionRequest + "?wam=" + WAM + "&webrtn=" + WebRoutine + "&ml=" + techServ + "&part=" + Partition + "&lang=" + Language;

      if (optDebugMode != null && optDebugMode.length > 0)

      {

         action += "&debug=" + optDebugMode;

      }

      if (optSessionKey != null)

      {

         action += "&sid=" + optSessionKey;

      }

      oTempForm.action = action;

     

      if (Target != null)

      {

         oTempForm.target = Target;

      }

      oTempForm.submit();

      setTimeout(function() {

            oTempForm.action = prevAction;

            oTempForm.target = prevTarget;

            oTempForm.parentNode.removeChild(oTempForm);

         }, 100);

   }

   return false;

}

 

function InsertHidden(Form, FieldName, FieldValue)

{

   if (Form == null)

   {

      return;

   }

 

   var field = Form.elements[FieldName];

 

   if (field == null)

   {

      var elem = Form.document.createElement("input");

 

      if (elem != null)

      {

         elem.setAttribute("type", "hidden");

         elem.setAttribute("name", FieldName);

         elem.setAttribute("value", FieldValue);

         Form.appendChild(elem);

      }

   }

   else

   {

      field.value = FieldValue;

   }

}

//]]>

</script>

  

10. ページをSEARCHWAMとして保存します。

11. WEBEVENTファンクションをコンパイルして、HTMLを生成します。

12. 上のWEBEVENTサンプルをブラウザーで実行します。検索ボタンをクリックすると、WAMNAMEとWEBRNAMEの各フィールドで指定したWAMとWEBROUTINEが呼び出されます。WEBROUTINEの実行によって生成されるHTML応答が、WEBEVENTの検索ボタンと同じページにあるFRAMETGTコンポーネントに表示されます。