intra-mart Accel Platform IM-Workflow プログラミングガイド 第25版 2021-08-01

4.1. 申請画面の呼び出し

IM-Workflow で提供する申請を行うための画面(以下、「申請」画面)と連携する方法を説明します。

../../_images/screen_1_figure_1.png
「申請」画面を表示するためには、IM-Workflow が提供するタグライブラリおよびClient-side JavaScript APIを使用します。

4.1.1. スクリプト開発モデル

IM-Workflow 用のタグライブラリの使用方法については、「 APIドキュメント 」も併せて参照してください。

4.1.1.1. PC用画面の場合

「申請」画面と連携する画面のヘッダ部(<imart type=“head”> ~ </imart>)に、下記のIMARTタグを記述します。
1
2
3
4
5
<imart type="head">

<imart type="workflowOpenPageCsjs" />

</imart>
「申請」画面と連携する画面のボディ部に、下記のIMARTタグを記述します。
IMARTタグに指定する属性は、通常「申請一覧」画面から取得したリクエストパラメータを指定します。
「imwUserDataId」は、「申請一覧」画面からのリクエストパラメータには含まれません。
ファンクション・コンテナで採番する必要があります。
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<imart type="workflowOpenPage"
       name="applyForm"
       id="applyForm"
       method="POST"
       target="_top"
       imwUserDataId=oRequest.imwUserDataId
       imwAuthUserCode=oRequest.imwAuthUserCode
       imwApplyBaseDate=oRequest.imwApplyBaseDate
       imwNodeId=oRequest.imwNodeId
       imwFlowId=oRequest.imwFlowId>
</imart>
下記のClient-side JavaScript APIを実行することにより、「申請」画面が表示されます。
1
2
3
4
5
<script type="text/javascript">

    workflowOpenPage('0');

</script>

4.1.1.2. スマートフォン用画面の場合

「申請」画面と連携する画面のヘッダ部(<imart type=“head”> ~ </imart>)に、下記のIMARTタグを記述します。
1
2
3
4
5
<imart type="head">

<imart type="spWorkflowOpenPageCsjs" />

</imart>
「申請」画面と連携する画面のボディ部に、下記のIMARTタグを記述します。
IMARTタグに指定する属性は、通常「申請一覧」画面から取得したリクエストパラメータを指定します。
「imwUserDataId」は、「申請一覧」画面からのリクエストパラメータには含まれません。
ファンクション・コンテナで採番する必要があります。
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<imart type="spWorkflowOpenPage"
       name="applyForm"
       id="workflowOpenPageForm"
       method="POST"
       target="_top"
       imwUserDataId=$data.imwUserDataId
       imwAuthUserCode=$data.imwAuthUserCode
       imwApplyBaseDate=$data.imwApplyBaseDate
       imwNodeId=$data.imwNodeId
       imwFlowId=$data.imwFlowId>
</imart>
下記のClient-side JavaScript APIを実行することにより、「申請」画面が表示されます。
1
2
3
4
5
<script type="text/javascript">

    workflowOpenPage4Sp('10');

</script>

4.1.2. JavaEE開発モデル

IM-Workflow 用のタグライブラリの使用方法については、「 APIドキュメント 」も併せて参照してください。

4.1.2.1. PC用画面の場合

「申請」画面と連携する画面のヘッダ部(<imui:head> ~ </imui:head>)に、下記のタグライブラリを記述します。
1
2
3
4
5
<imui:head>

<workflow:workflowOpenPageCsjs />

</imui:head>
「申請」画面と連携する画面のボディ部に、下記のタグライブラリを記述します。
タグライブラリに指定する属性は、通常「申請一覧」画面から取得したリクエストパラメータを指定します。
「imwUserDataId」は、「申請一覧」画面からのリクエストパラメータには含まれません。
ServiceControllerなどで採番する必要があります。
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<workflow:workflowOpenPage
          name="applyForm"
          id="applyForm"
          method="POST"
          target="_top"
          imwUserDataId='<%=(String)request.getAttribute("imwUserDataId")%>'
          imwAuthUserCode='<%=(String)request.getAttribute("imwAuthUserCode")%>'
          imwApplyBaseDate='<%=(String)request.getAttribute("imwApplyBaseDate")%>'
          imwNodeId='<%=(String)request.getAttribute("imwNodeId")%>'
          imwFlowId='<%=(String)request.getAttribute("imwFlowId")%>'>
</workflow:workflowOpenPage>
下記のClient-side JavaScript APIを実行することにより、「申請」画面が表示されます。
1
2
3
4
5
<script type="text/javascript">

    workflowOpenPage('0');

</script>

4.1.2.2. スマートフォン用画面の場合

「申請」画面と連携する画面のヘッダ部(<imui:head> ~ </imui:head>)に、下記のタグライブラリを記述します。
1
2
3
4
5
<imui:head>

<workflow:spWorkflowOpenPageCsjs />

</imui:head>
「申請」画面と連携する画面のボディ部に、下記のタグライブラリを記述します。
タグライブラリに指定する属性は、通常「申請一覧」画面から取得したリクエストパラメータを指定します。
「imwUserDataId」は、「申請一覧」画面からのリクエストパラメータには含まれません。
ServiceControllerなどで採番する必要があります。
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<workflow:spWorkflowOpenPage
          name="applyForm"
          id="applyForm"
          method="POST"
          target="_top"
          imwUserDataId='<%=(String)request.getAttribute("imwUserDataId")%>'
          imwAuthUserCode='<%=(String)request.getAttribute("imwAuthUserCode")%>'
          imwApplyBaseDate='<%=(String)request.getAttribute("imwApplyBaseDate")%>'
          imwNodeId='<%=(String)request.getAttribute("imwNodeId")%>'
          imwFlowId='<%=(String)request.getAttribute("imwFlowId")%>'>
</ workflow:spWorkflowOpenPage>
下記のClient-side JavaScript APIを実行することにより、「申請」画面が表示されます。
1
2
3
4
5
<script type="text/javascript">

workflowOpenPage4Sp('10');

</script>

4.1.3. JSP、 TERASOLUNA Server Framework for Java (5.x)

JavaEE開発モデルに準じます。
TERASOLUNA Server Framework for Java (5.x) を利用して実装する場合には、「 IM-Workflow TERASOLUNA Server Framework プログラミングガイド 」も併せて参照してください。