IM-FormatCreator クラス 指 定 手 順 書 Ver 6.0 IM-FormatCreator i
1 はじめに 1 1.1 目 的 1 2 プログラムの 作 成 2 2.1 ファンクション コンテナ(.JS)の 作 成 2 2.2 プレゼンテーションページ(.HTML)の 作 成 3 3 クラス 指 定 項 目 の 設 定 5 3.1 クラス 指 定 設 定 画 面 5 3.2 クラスパス の 設 定 5 3.3 パラメータ の 設 定 6 3.3.1 パラメータ 名 6 3.3.2 パラメータ 値 6 3.3.3 追 加 6 3.3.4 パラメータ 値 7 4 画 面 動 作 8 4.1 申 請 書 画 面 動 作 8 IM-FormatCreator ii
1 はじめに 1 はじめに 1.1 目 的 IM-FormatCreator ver6.0.1では 申 請 書 作 成 時 に クラス 指 定 項 目 を 設 定 することで 作 成 した 申 請 書 から 任 意 のプログラムを 呼 び 出 すことが 可 能 となります ここでは クラス 指 定 の 設 定 方 法 を 製 品 にて 提 供 しているクラス 指 定 サンプル プログラムを 例 に 説 明 します IM-FormatCreator 1
2 プログラムの 作 成 2 プログラムの 作 成 クラス 指 定 項 目 から 呼 び 出 されるプログラムの 作 成 方 法 を 製 品 同 梱 のサンプルプログラムを 例 に 以 下 に 記 載 します 2.1 ファンクション コンテナ(.JS)の 作 成 ファンクション コンテナのinit 関 数 を 作 成 します ファイル 名 はclass_sample.jsとします このclass_sample.jsでは 次 のことを 実 現 します 1 クラス 指 定 ( 画 面 ) 項 目 にて 設 定 したパラメータ 名 パラメータ 値 をrequestオブジェクトから 抽 出 します 2 抽 出 したデータをHTMLへ 引 き 渡 します requestオブジェクトには 次 の 章 で 記 載 されているクラス 指 定 項 目 に 指 定 した パラメータ 名 パラメータ 値 が 引 き 渡 されます ここでは 以 下 情 報 が 引 き 渡 されるものとします <requestオブジェクト> パラメータ 名 パラメータ 値 param1( 任 意 のパラメータ) 値 1 param2( 任 意 のパラメータ) 値 2 call_back( 変 更 不 可 ) 呼 び 出 し 元 の 識 別 用 パラメータ <クラス 指 定 項 目 からのデータ 取 得 用 class_sample.js> // HTMLへ 渡 す 値 を 宣 言 します var callback; var param_list; // init 関 数 の 定 義 function init(request) { // 変 数 宣 言 var i =1; var cnt = 0; var cnt_flg = true; param_list = new Array(); callback = request.call_back; // ループカウンタ // ループカウンタ // データ 件 数 判 定 フラグ // データ 配 列 格 納 用 // データ 配 列 の 生 成 while(cnt_flg){ var param_data = request.getparametervalue("param" + i); // パラメータを 抽 出 して 格 納 if(!isnull(param_data) &&!isundefined(param_data) && param_data!= "undefined"){ var objparam = new Object(); objparam.param = "param" + i; objparam.param_value = param_data; param_list[cnt] = objparam; cnt ++; else{ cnt_flg = false; IM-FormatCreator 2
2 プログラムの 作 成 i ++; 2.2 プレゼンテーションページ(.HTML)の 作 成 次 のHTMLファイルは JSからバインドされた 値 を 表 示 するソースの 例 です このclass_sample.htmlでは 次 のことを 実 現 します 1 class_sample.js からバインドされた 値 を 画 面 に 表 示 します 2 設 定 ボタンをクリックすることで 選 択 された 値 を 呼 び 出 し 元 の 画 面 ( 申 請 書 画 面 上 フレーム)に 表 示 します <HTML> <HEAD> <IMART type="imdesigncss"></imart> <META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript"> <META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css"> <SCRIPT language="javascript"> function call_back() { var sel_value; // 選 択 された 値 の 格 納 if(document.mainform.example.value!= undefined){ sel_value = document.mainform.example.value; else{ for(var i = 0;i<document.mainForm.example.length;i++){ if(document.mainform.example[i].checked == true){ sel_value = document.mainform.example[i].value; if(sel_value == undefined){ sel_value = ""; window.opener.document.<imart type="string" value=callback></imart>.value = sel_value; window.close(); </SCRIPT> <BODY> <!-- タイトルバー --> <IMART type="imtitlebar" title="クラス 指 定 _sample"></imart> <!-- ツールバー --> <IMART type="imtoolbarframe"> <IMART type="imtoolbarleft"> <IMART type="imicon" name=" 設 定 " href="javascript:call_back()" icon="images/standard/edit.gif"> </IMART> </IMART> <IMART type="imtoolbarright"> <IMART type="imicon" IM-FormatCreator 3
2 プログラムの 作 成 name=" 閉 じる" href="javascript:window.close();" icon="images/standard/close.gif"> </IMART> </IMART> </IMART> <BR> <CENTER> <FORM name="mainform"> <TABLE class="edit"> <!-- パラメータリストの 生 成 --> <IMART type="repeat" list=param_list item="list" index="idx"> <TR> <TD class="bottom"> <IMART type="input" style="radio" name="example" value=list.param_value></imart> </TD> <TD class="bottom" width="100" nowrap> <STRONG><IMART type="string" value=list.param></imart></strong> </TD> <TD class="bottom"> <IMART type="input" style="text" class="default" name="param" value=list.param_value readonly></imart> </TD> </TR> </IMART> </FORM> </CENTER> </BODY> </HTML> window.opener.document. <IMART type="string" value=callback></imart>.value = sel_value; 作 成 するHTMLでは 上 記 任 意 のプログラム 上 で 選 択 したパラメータを 呼 び 出 し 元 ( 親 画 面 ) の 入 力 値 に 格 納 する 処 理 を 必 ず 実 装 してください IM-FormatCreator 4
3 クラス 指 定 項 目 の 設 定 3 クラス 指 定 項 目 の 設 定 クラス 指 定 項 目 の 設 定 方 法 を 以 下 に 記 載 します 3.1 クラス 指 定 設 定 画 面 [マスタメンテナンス] -[ 申 請 書 メンテナンス] -[ 申 請 書 項 目 一 覧 ] -[ 申 請 書 項 目 設 定 ] 3.2 クラスパス の 設 定 クラスパス 指 定 方 法 任 意 のプログラムパスを 入 力 します Resource Serviceをインストールしたディレクトリ/pages 配 下 からの ファイルパス( 拡 張 子 なし)を 設 定 します 製 品 にて 提 供 されているクラス 指 定 のサンプルプログラムで 動 作 確 認 を 行 う 場 合 には クラスパス に /format_creator/sample/class_sample を 設 定 下 さい IM-FormatCreator 5
3 クラス 指 定 項 目 の 設 定 3.3 パラメータ の 設 定 3.3.1 パラメータ 名 パラメータ 名 指 定 方 法 任 意 のプログラムに 引 き 渡 すパラメータ 名 を 設 定 します ここで 指 定 したパラメータ 名 で 任 意 のプログラムに 引 き 渡 されるの で 任 意 のプログラムで 取 得 可 能 なパラメータ 名 を 設 定 します 製 品 にて 提 供 されているクラス 指 定 のサンプルプログラムで 動 作 確 認 を 行 う 場 合 には パラメータ 名 に "param + 行 番 号 "を 指 定 して 下 さい ( 例 )1 行 目 :param1 / 値 1 2 行 目 :param2 / 値 2 3.3.2 パラメータ 値 パラメータ 値 指 定 方 法 任 意 のプログラムに 引 き 渡 すパラメータ 値 を 設 定 します ここで 指 定 したパラメータ 値 が 任 意 のプログラムに 引 き 渡 されるの で 任 意 のプログラムで 使 用 する 値 を 設 定 します 3.3.3 追 加 追 加 このボタンをクリックすると ボタンのある 項 目 のひとつ 下 に 新 しい 項 目 ( 行 )が 追 加 されます IM-FormatCreator 6
3 クラス 指 定 項 目 の 設 定 3.3.4 パラメータ 値 削 除 このボタンをクリックすると ボタンのある 項 目 ( 行 )が 削 除 されます IM-FormatCreator 7
4 画 面 動 作 4 画 面 動 作 4.1 申 請 書 画 面 動 作 1 作 成 した 申 請 画 面 でクラス 設 定 項 目 の 開 く ボタンをクリックします 任 意 に 作 成 したプログラムがポップアップ 画 面 で 表 示 されます 以 下 製 品 同 梱 のサンプルプログラムを 例 に 説 明 します 2 ポップアップで 開 いた 任 意 のプログラム 画 面 で 親 画 面 に 引 き 渡 すパラメータ を 選 択 して 設 定 ボタンをクリックします IM-FormatCreator 8
4 画 面 動 作 3 ポップアップで 開 いた 任 意 のプログラム 画 面 で 親 画 面 に 引 き 渡 すパラメータ を 選 択 して 設 定 ボタンをクリックします 4 以 上 の 手 順 を 行 うことにより 任 意 プログラムからの 値 を 取 得 表 示 することが 可 能 となっています IM-FormatCreator 9
IM-FormatCreator 操 作 ガイド Ver6.0 2007 年 4 月 第 1 版