前ページからの続き // テキストボックス02 id 属性で取得 // id 属性で取得する場合は一意に決まるので 何番目かの指定は不要 var textbox02elem = document.getelementbyid("text_box02_id"); if ("001" == statee

Transcription

1 全体のヒント 1. テキストボックスの制御 1.1. 日付入力日付の入力ボックスは フォーカスが入った時にスラッショを消し フォーカスが他の項目等に移るとスラッシュが加わるようにする オンフォーカス オフフォーカス 2010/01/ オンフォーカス時にスラッシュを消す入力項目のスラッシュを消すには include/function.js ファイル内の var delslash = function(val) を使用する ( 例 : <input type="text" class="text_date" maxlength="8" onfocus="this.value = delslash(this.value);" /> オフフォーカス時にスラッシュを加える入力項目にスラッシュを加えるには include/function.js ファイル内の var addslashforyearmonthday = function(val) を使用する ( 例 : <input type="text" class="text_date" maxlength="8" onblur="this.value = addslashforyearmonthday(this.value);" /> 1.2. 入力可能 不可能の切替えプルダウン等の操作によるテキストボックスの制御は以下のようにする ( 例 : TextBoxControl.html <!-- ジャバスクリプト --> <script type="text/javascript"> <!-- /** コンボボックスによる画面制御 */ var textboxcontrol = function() { //// 各オブジェクトを取得 // 状態プルダウン var stateelem = document.getelementsbyname("state_name")[0]; // テキストボックス 01 name 属性で取得 // name 属性で取得する場合は 複数取得できる ( 戻り値が配列 ) ので // 何番目かを指定すること // 0 番目 var textbox01elem_0 = document.getelementsbyname("text_box01_name")[0]; // 1 番目 var textbox01elem_1 = document.getelementsbyname("text_box01_name")[1]; 次のページに続く

2 前ページからの続き // テキストボックス02 id 属性で取得 // id 属性で取得する場合は一意に決まるので 何番目かの指定は不要 var textbox02elem = document.getelementbyid("text_box02_id"); if ("001" == stateelem.value) { //// テキストボックス 01 off が選択された // テキストボックス 01 の 0 番目 textbox01elem_0.value = " リードオンリー " textbox01elem_0.readonly = true // テキストボックス 02 textbox02elem.value = " 書き込めます " textbox02elem.readonly = false } else if ("002" == stateelem.value) { //// テキストボックス 02 off が選択された // テキストボックス 01 の 0 番目 textbox01elem_0.value = " 書き込めます " textbox01elem_0.readonly = false // テキストボックス 02 textbox02elem.value = " リードオンリー " textbox02elem.readonly = true } }; //--> </script> 状態プルダウン <select name="state_name" onchange="textboxcontrol();" > <option value="001"> テキストボックス 01 off</option> <option value="002"> テキストボックス 02 off</option> </select><br/><br/> テキストボックス 01 name="text_box01_name"<br/> <input type="text" name="text_box01_name" /><br/><br/> テキストボックス 01 name="text_box01_name"( 上と同じ名前を指定 )<br/> <input type="text" name="text_box01_name" /> 制御しない!!<br/><br/> テキストボックス 02 id="text_box02_id"<br/> <input type="text" id="text_box02_id" /><br/> * 各入力項目の制御タイミング & 制御内容は それぞれの詳細設計書のイベント一覧と補足説明. 画面制御を参照すること

3 2. 画面情報をアクションで取得画面上のテキストボックス等に入力された情報を取得するには request.getparameter(" 画面項目の name 属性 ") を使用する ( 例 :.jsp <input type="text" name="textboxname" /> Action.java String inputtext = request.getparameter("textboxname"); 画面から取得した検索条件を使用して 検索をする場合の例も以下に示す ( 例 : HatchuListSearchAction.java より抜粋 1 //// 検索条件の取得 2 form = new ChumonShoHakkoForm(); 3 Map<String, String> cond = form.getcondition(); 4 cond.put("hatchucode", request.getparameter("hatchucode")); 5 cond.put("inputdatefrom", request.getparameter("inputdatefrom")); 6 cond.put("inputdateto", request.getparameter("inputdateto")); 7 8 //// 入力チェック等の処理 //// サービスを取得 14 ChumonShoHakkoService service = ChumonShoHakkoService.getInstance(); // 発注情報一覧を取得 17 try { 18 form.sethatchulist(service.gethatchudatalist( 19 new HatchuDataCondition(form.getCondition()))); 20 } catch(retrypossibleexception ex) { 21 // エラーメッセージの設定 22 em.adderrormessage(ex.getmessage()); 23 // 元画面へ遷移 24 backpage(request, response, em, form, "/pages/odr/hatchulist.jsp"); 25 return; 26 } 3~4 行で request.getparameter() で取得した各項目の値にキーを付けて ChumonShoHakkoForm が待つ 検索条件を保持するメンバ変数 condition に追加する * 追加する際のキーは 検索条件モデル毎に決まっている ( 参照 : モデル設計書. モデルメソッド概要 ) 18,19 行で取得した検索条件を使用して検索条件モデルを作成し 検索を行っている 問題 02~04 を解く際は モデル設計書からキーを読取って 3~6 行の部分に処理を追加すれば良い

4 3. 入力チェック問題 02~04 では 日付入力の入力チェックが必要となる チェック項目は以下の 2 つである 日付型チェック 大小チェック ( 例 : // 画面上で入力された日付 (String 型 ) を // 日付型 (Date 型 ) に変換したものを格納する変数 Date fromdate = null; Date todate = null; try { //// 日付フォーマットチェック // 日付入力項目 _ 自 // inputdatefrom_str: 日付入力項目 _ 自 (String 型 ) if (!Utility.isNull(inputDateFrom_str)) { if (!Utility.isDate(inputDateFrom_str, "yyyy/mm/dd")) { // 日付型ではない場合はエラー em.adderrormessage(utility.getmessage("error.com.0011", " 項目名 _ 自 ")); } else { // 文字列型から日付型への変換 fromdate = Utility.string2Date(inputDateFrom_str, "yyyy/mm/dd"); } } // 日付入力項目 _ 至 // inputdateto_str: 日付入力項目 _ 至 (String 型 ) if (!Utility.isNull(inputDateTo_str)) { if (!Utility.isDate(inputDateTo_str, "yyyy/mm/dd")) { // 日付型ではない場合はエラー em.adderrormessage(utility.getmessage("error.com.0011", " 項目名 _ 至 ")); } else { // 文字列型から日付型への変換 todate = Utility.string2Date(inputDateTo_str, "yyyy/mm/dd"); } } } catch (ParseException e) { // 日付型変換エラー // 直前でチェックを掛けているので入る事はない logger.error(utility.getstacktrace(e)); } //// 日付大小チェック if (!Utility.isNull(fromDate) &&!Utility.isNull(toDate)) { if ( Utility.isAfterDay(fromDate, todate) ) { // 大小関係が逆な場合はエラー em.adderrormessage(utility.getmessage("error.com.0015", " 項目名 ")); } } * チェック対象の項目 エラーメッセージは 各詳細設計書. 補足説明の入力チェック & 基本設計書. メッセージ標準 を参照すること

5 演習問題 01 担当者 図 01.1 を参考にして 注文書発行の 注文書発行 画面を完成させなさい 図 01.1 完成図 問題問題 01-1 発注情報の作成日を表示するテキストボックスを追加しなさい 表示フォーマットは oss0002 詳細設計書 _ 注文書発行. 画面レイアウト oss0002 詳細設計書 _ 注文書発行. 項目説明書 を参照する テキストボックスは読み取り専用とする スタイルシートは 基本設計書. 画面標準書 を参照する 対象ファイル : /pages/odr/chumonshohakko.jsp 01-2 仕入先名を表示するテキストボックスを追加しなさい テキストボックスは読み取り専用とする スタイルシートは 基本設計書. 画面標準書 を参照する 対象ファイル : /pages/odr/chumonshohakko.jsp 01-3 商品一覧に 商品名 カラムを追加しなさい 対象ファイル : /pages/odr/chumonshohakko.jsp 01-4 商品一覧に 小計 カラムを追加しなさい 表示フォーマットは oss0002 詳細設計書 _ 注文書発行. 画面レイアウト oss0002 詳細設計書 _ 注文書発行. 項目説明書 を参照する 小計の取得は 発注品目モデルのメソッドを使用する ( 参照 : モデル設計書. モデルメソッド一覧 ) 対象ファイル : /pages/odr/chumonshohakko.jsp

6 01-5 oss0002 詳細設計書 _ 注文書発行 の イベント概要 と BL 一覧 を読み 以降の問題を解いて注文書の発行処理を追加しなさい BL 注文書発行 を使用して注文書データ (String 型 ) を取得しなさい 取得した注文書データは変数 String xml に代入する 対象ファイル : /view/action/odr/chumonshohakkoaction.java ファイル名を作成して変数 String filename に代入しなさい 注文書のファイル名は 基本設計書に従い生成する ( 参照 : 基本設計書. 外部インタフェース定義書 ) ヒントヒント 各設問のコーディング方法は 出荷詳細 画面を参考にすると良い

7 演習問題 02 担当者 図 02.1 を参考にして 注文書発行の 発注一覧 画面に承認日による検索を追加しなさい 図 02.1 完成図 注意 * 仕入先名での検索は 演習問題 06 を解くまで機能しません 問題問題 02-1 検索結果に 承認日 カラムを追加しなさい 承認日が null の場合は空白にする カラムの追加位置と表示フォーマットは oss0002 詳細設計書 _ 注文書発行. 画面レイアウト oss0002 詳細設計書 _ 注文書発行. 項目説明書 を参照する 対象ファイル : /pages/odr/hatchulist.jsp 02-2 検索条件部に承認日 _ 自 承認日 _ 至のテキストボックスを作成しなさい 入力制限は oss0002 詳細設計書 _ 注文書発行. 項目説明書 を参照する 全体のヒント 1.1. 日付入力 を参考にしてフォーカス変更時にスラッシュの追加 削除を行うようにする ( 参照 : oss0002 詳細設計書 _ 注文書発行. イベント一覧 ) 状態プルダウンが操作された場合 JavaScript で画面制御を行う ( 参照 : oss0002 詳細設計書 _ 注文書発行. 補足説明全体のヒント 1.2. 入力可能 不可能の切替え ) スタイルシートは 基本設計書. 画面標準書 を参照する 対象ファイル : /pages/odr/hatchulist.jsp

8 02-3 検索アクションに 画面から検索条件を取得する処理と検索条件の入力チェックを追加しなさい 全体のヒント 2. 画面情報をアクションで取得 を参考にして入力された検索条件 承認日 _ 自 承認日 _ 至 を取得する 全体のヒント 3. 入力チェック を参考にして検索条件 承認日 _ 自 承認日 _ 至 の入力チェックをする ( 参照 : oss0002 詳細設計書 _ 注文書発行. イベント概要 oss0002 詳細設計書 _ 注文書発行. 補足説明 ) 対象ファイル : /view/action/odr/hatchulistsearchaction.java 02-4 モデル設計書 を読み発注データ検索条件モデルに 検索条件 承認日 _ 自 承認日 _ 至 の項目を追加しなさい 発注データ検索条件モデルに 検索条件 承認日 _ 自 承認日 _ 至 を保持するプライベート変数とアクセサメソッドを追加しなさい 変数名と型は モデル設計書. モデル定義書 を参照する 対象ファイル : /model/hatchudatacondition.java 発注データ検索条件モデルの setprop を修正して 検索条件 承認日 _ 自 承認日 _ 至 を設定できるようにしなさい 引数から検索条件を取得するキーは モデル設計書. モデルメソッド概要 を参照する 対象ファイル : /model/hatchudatacondition.java 02-5 発注 DAO. 発注データ一覧取得に 検索条件を追加しなさい DAO 設計書.DAO 概要 ( 発注 DAO) を参照して 検索条件 承認日 _ 自 承認日 _ 至 を SQL 文に追加する モデル設計書. モデル定義書 を参照して 取得した 承認日 を発注モデルに設定する DB のテーブル名, フィールド名は 基本設計書. エンティティ定義書 を参照する 対象ファイル : /dao/postgres/hatchudaoimpl.java ヒントヒント JavaScriptによる画面制御は 発注伝票一覧 画面を参考にすると良い モデルへの検索条件の追加は発注データ検索条件モデルの検索条件 作成日 を参考にすると良い DAO への検索条件の追加は発注 DAO. 発注一覧取得の検索条件 作成日 を参考にすると良い

9 演習問題 03 担当者 図 03.1 を参考にして 出荷処理の 出荷一覧 画面に出荷日による検索を追加しなさい 図 03.1 完成図 注意 * 受注日での検索は 演習問題 05 を解くまで機能しません 問題問題 03-1 検索結果に 出荷日 カラムを追加しなさい 出荷日が null の場合は空白にする カラムの追加位置と表示フォーマットは oss0003 詳細設計書 _ 入荷処理. 画面レイアウト oss0003 詳細設計書 _ 入荷処理. 項目説明書 を参照する 対象ファイル : /pages/smt/shukkalist.jsp 03-2 検索条件部に出荷日 _ 自 出荷日 _ 至のテキストボックスを作成しなさい 入力制限は oss0003 詳細設計書 _ 入荷処理. 項目説明書 を参照する 全体のヒント 1.1. 日付入力 を参考にしてフォーカス変更時にスラッシュの追加 削除を行うようにする ( 参照 : oss0003 詳細設計書 _ 入荷処理. イベント一覧 ) 状態プルダウンが操作された場合 JavaScript で画面制御を行う ( 参照 : oss0003 詳細設計書 _ 入荷処理. 補足説明全体のヒント 1.2. 入力可能 不可能の切替え ) スタイルシートは 基本設計書. 画面標準書 を参照する 対象ファイル : /pages/smt/shukkalist.jsp

10 03-3 検索アクションに 画面から検索条件を取得する処理と検索条件の入力チェックを追加しなさい 全体のヒント 2. 画面情報をアクションで取得 を参考にして入力された検索条件 出荷日 _ 自 出荷日 _ 至 を取得する 全体のヒント 3. 入力チェック を参考にして検索条件 出荷日 _ 自 出荷日 _ 至 の入力チェックをする ( 参照 : oss0003 詳細設計書 _ 入荷処理. イベント概要 oss0003 詳細設計書 _ 入荷処理. 補足説明 ) 対象ファイル : /view/action/smt/shukkalistsearchaction.java 03-4 モデル設計書 を読み受注データ検索条件モデルに 検索条件 出荷日 _ 自 出荷日 _ 至 の項目を追加しなさい 受注データ検索条件モデルに 検索条件 出荷日 _ 自 出荷日 _ 至 を保持するプライベート変数とアクセサメソッドを追加しなさい 変数名と型は モデル設計書. モデル定義書 を参照する 対象ファイル : /model/juchudatacondition.java 受注データ検索条件モデルの setprop を修正して 検索条件 出荷日 _ 自 出荷日 _ 至 を設定できるようにしなさい 引数から検索条件を取得するキーは モデル設計書. モデルメソッド概要 を参照する 対象ファイル : /model/juchudatacondition.java 03-5 受注 DAO. 受注データ一覧取得に 検索条件を追加しなさい DAO 設計書.DAO 概要 ( 受注 DAO) を参照して 検索条件 出荷日 _ 自 出荷日 _ 至 を SQL 文に追加する モデル設計書. モデル定義書 を参照して 取得した 出荷日 を受注モデルに設定する DB のテーブル名, フィールド名は 基本設計書. エンティティ定義書 を参照する 対象ファイル : /dao/postgres/juchudaoimpl.java ヒントヒント JavaScriptによる画面制御は 発注伝票一覧 画面を参考にすると良い DAO への検索条件の追加は発注 DAO. 発注一覧取得の検索条件 作成日 を参考にすると良い

11 演習問題 04 担当者 図 04.1 を参考にして 発注伝票一覧 画面に入荷日による検索を追加しなさい 図 04.1 完成図 注意 * 承認日での検索は 演習問題 02 を解くまで機能しません 問題問題 04-1 検索結果に 入荷日 カラムを追加しなさい 入荷日が null の場合は空白にする カラムの追加位置と表示フォーマットは oss0007 詳細設計書 _ 発注伝票一覧. 画面レイアウト oss0007 詳細設計書 _ 発注伝票一覧. 項目説明書 を参照する 対象ファイル : /pages/slp/hatchudempyolist.jsp 04-2 検索条件部に入荷日 _ 自 入荷日 _ 至のテキストボックスを作成しなさい 入力制限は oss0007 詳細設計書 _ 発注伝票一覧. 項目説明書 を参照する 全体のヒント 1.1. 日付入力 を参考にしてフォーカス変更時にスラッシュの追加 削除を行うようにする ( 参照 : oss0007 詳細設計書 _ 発注伝票一覧. イベント一覧 ) 状態プルダウンが操作された場合 JavaScript で画面制御を行う ( 参照 : oss0007 詳細設計書 _ 発注伝票一覧. 補足説明全体のヒント 1.2. 入力可能 不可能の切替え ) スタイルシートは 基本設計書. 画面標準書 を参照する 対象ファイル : /pages/slp/hatchudempyolist.jsp

12 04-3 検索アクションに 画面から検索条件を取得する処理と検索条件の入力チェックを追加しなさい 全体のヒント 2. 画面情報をアクションで取得 を参考にして入力された検索条件 入荷日 _ 自 入荷日 _ 至 を取得する 全体のヒント 3. 入力チェック を参考にして検索条件 入荷日 _ 自 入荷日 _ 至 の入力チェックをする ( 参照 : oss0007 詳細設計書 _ 発注伝票一覧. イベント概要 oss0007 詳細設計書 _ 発注伝票一覧. 補足説明 ) 対象ファイル : /view/action/slp/hatchudempyosearchaction.java 04-4 発注 DAO. 発注データ一覧取得に 検索条件を追加しなさい DAO 設計書.DAO 概要 ( 発注 DAO) を参照して 検索条件 入荷日 _ 自 入荷日 _ 至 を SQL 文に追加する モデル設計書. モデル定義書 を参照して 取得した 入荷日 を発注モデルに設定する DB のテーブル名, フィールド名は 基本設計書. エンティティ定義書 を参照する 対象ファイル : /dao/postgres/hatchudaoimpl.java ヒントヒント JavaScriptによる画面制御は 発注伝票一覧 画面を参考にすると良い DAO への検索条件の追加は発注 DAO. 発注一覧取得の検索条件 作成日 を参考にすると良い

13 演習問題 05 担当者 図 05.1 を参考にして 受注伝票一覧 画面に受注日による検索を追加しなさい 図 05.1 完成図 注意 * 出荷日での検索は 演習問題 03 を解くまで機能しません 問題問題 05-1 検索結果に 受注日 カラムを追加しなさい カラムの追加位置と表示フォーマットは oss0008 詳細設計書 _ 受注伝票一覧. 画面レイアウト oss0008 詳細設計書 _ 受注伝票一覧. 項目説明書 を参照する 対象ファイル : /pages/slp/juchudempyolist.jsp 05-2 検索条件部に受注日 _ 自 受注日 _ 至のテキストボックスを作成しなさい 入力制限は oss0008 詳細設計書 _ 受注伝票一覧. 項目説明書 を参照する 全体のヒント 1.1. 日付入力 を参考にしてフォーカス変更時にスラッシュの追加 削除を行うようにする ( 参照 : oss0008 詳細設計書 _ 受注伝票一覧. イベント一覧 ) スタイルシートは 基本設計書. 画面標準書 を参照する 対象ファイル : /pages/slp/juchudempyolist.jsp

14 05-3 検索アクションに 画面から検索条件を取得する処理と検索条件の入力チェックを追加しなさい 全体のヒント 2. 画面情報をアクションで取得 を参考にして入力された検索条件 受注日 _ 自 受注日 _ 至 を取得する 全体のヒント 3. 入力チェック を参考にして検索条件 受注日 _ 自 受注日 _ 至 の入力チェックをする ( 参照 : oss0008 詳細設計書 _ 受注伝票一覧. イベント概要 oss0008 詳細設計書 _ 受注伝票一覧. 補足説明 ) 対象ファイル : /view/action/slp/juchudempyolistsearchaction.java 05-4 受注 DAO. 受注データ一覧取得に 検索条件を追加しなさい DAO 設計書.DAO 概要 ( 受注 DAO) を参照して 検索条件 受注日 _ 自 受注日 _ 至 を SQL 文に追加する モデル設計書. モデル定義書 を参照して 取得した 受注日 を受注モデルに設定する DB のテーブル名, フィールド名は 基本設計書. エンティティ定義書 を参照する 対象ファイル : /dao/postgres/juchudaoimpl.java ヒントヒント JavaScriptによる画面制御は 発注伝票一覧 画面を参考にすると良い DAO への検索条件の追加は発注 DAO. 発注一覧取得の検索条件 作成日 を参考にすると良い

15 演習問題 06 担当者 図 06.1 を参考にして 発注情報入力の 発注情報一覧 画面に仕入先名による検索を追加しなさい 図 06.1 完成図 問題問題 06-1 検索結果に 仕入先名 カラムを追加しなさい カラムの追加位置と表示フォーマットは oss0001 詳細設計書 _ 発注情報入力. 画面レイアウト oss0001 詳細設計書 _ 発注情報入力. 項目説明書 を参照する 対象ファイル : /pages/odr/hatchujoholist.jsp 06-2 検索条件部に仕入先名のテキストボックスを作成しなさい 入力制限は oss0001 詳細設計書 _ 発注情報入力. 項目説明書 を参照する スタイルシートは 基本設計書. 画面標準書 を参照する 対象ファイル : /pages/odr/hatchujoholist.jsp 06-3 検索アクションに 画面から検索条件を取得する処理を追加しなさい 全体のヒント 2. 画面情報をアクションで取得 を参考にして入力された検索条件 仕入先名 を取得する 対象ファイル : /view/action/odr/hatchujoholistsearchaction.java

16 06-4 発注 DAO. 発注データ一覧取得に 検索条件を追加しなさい DAO 設計書.DAO 概要 ( 発注 DAO) を参照して 検索条件 仕入先名 を SQL 文に追加する モデル設計書. モデル定義書 を参照して 取得した 仕入先名 を発注モデルに設定する DB のテーブル名, フィールド名は 基本設計書. エンティティ定義書 を参照する 対象ファイル : /dao/postgres/hatchudaoimpl.java ヒントヒント DAOへの検索条件の追加は発注 DAO. 発注一覧取得の検索条件 作成日 を参考にすると良い

17 演習問題 07 担当者 図 07.1 を参考にして 在庫確認 画面に仕入先名による検索を追加しなさい 図 07.1 完成図 問題問題 07-1 検索結果に 仕入先名 カラムを追加しなさい カラムの追加位置と表示フォーマットは oss0006 詳細設計書 _ 在庫確認. 画面レイアウト oss0006 詳細設計書 _ 在庫確認. 項目説明書 を参照する 対象ファイル : /pages/slp/zaikokakunin.jsp 07-2 検索条件部に仕入先名のテキストボックスを作成しなさい 入力制限は oss0006 詳細設計書 _ 在庫確認. 項目説明書 を参照する 取扱状態プルダウンが操作された場合 JavaScript で画面制御を行う ( 参照 : oss0006 詳細設計書 _ 在庫確認. 補足説明全体のヒント 1.2. 入力可能 不可能の切替え ) スタイルシートは 基本設計書. 画面標準書 を参照する 対象ファイル : /pages/slp/zaikokakunin.jsp 07-3 検索アクションに 画面から検索条件を取得する処理を追加しなさい 全体のヒント 2. 画面情報をアクションで取得 を参考にして入力された検索条件 仕入先名 を取得する 対象ファイル : /view/action/slp/zaikokakuninsearchaction.java

18 07-4 商品 DAO. 商品データ一覧取得に 検索条件を追加しなさい DAO 設計書.DAO 概要 ( 商品 DAO) を参照して 検索条件 仕入先名 を SQL 文に追加する モデル設計書. モデル定義書 を参照して 取得した 仕入先名 を商品モデルに設定する DB のテーブル名, フィールド名は 基本設計書. エンティティ定義書 を参照する 対象ファイル : /dao/postgres/shohindaoimpl.java ヒントヒント DAOへの検索条件の追加は発注 DAO. 発注一覧取得の検索条件 作成日 を参考にすると良い

19 演習問題 08 担当者 図 08.1 を参考にして 発注伝票一覧の 発注伝票詳細 画面を完成させなさい 図 08.1 完成図 問題問題 08-1 発注情報の作成日 承認日 入荷日を表示するテキストボックスを追加する 表示フォーマットは oss0007 詳細設計書 _ 発注伝票一覧. 項目説明書 を参照する 承認日 入荷日が null の場合は 空白にする スタイルシートは 基本設計書. 画面標準書 を参照する 対象ファイル : /pages/slp/hatchudempyodetail.jsp 08-2 商品一覧に 商品名 仕入単価 カラムを追加 カラムの追加位置と表示フォーマットは oss0007 詳細設計書 _ 発注伝票一覧. 画面レイアウト oss0007 詳細設計書 _ 発注伝票一覧. 項目説明書 を参照する 対象ファイル : /pages/slp/hatchudempyodetail.jsp 08-3 戻る ボタンクリック時のアクションを変更して 発注伝票一覧 画面に遷移する際に再検索するように変更しなさい 対象ファイル : /pages/slp/hatchudempyodetail.jsp ヒントヒント 問題 08-3 再検索は 戻る ボタンに設定されている HatchuDempyoListInit.do を他の適切なアクションに変更すればよい

20 演習問題 09 担当者 図 09.1 を参考にして 受注伝票一覧の 受注伝票詳細 画面を完成させなさい 図 09.1 完成図 問題問題 09-1 受注情報の受注日 出荷日 得意先名を表示するテキストボックスを追加する 表示フォーマットは oss0008 詳細設計書 _ 受注伝票一覧. 項目説明書 を参照する 出荷日が null の場合は 空白にする スタイルシートは 基本設計書. 画面標準書 を参照する 対象ファイル : /pages/slp/juchudempyodetail.jsp 09-2 商品一覧に 小計 仕入商品 カラムを追加 カラムの追加位置と表示フォーマットは oss0008 詳細設計書 _ 受注伝票一覧. 画面レイアウト oss0008 詳細設計書 _ 受注伝票一覧. 項目説明書 を参照する 小計の取得は 受注品目モデルのメソッドを使用する ( 参照 : モデル設計書. モデルメソッド一覧 ) 対象ファイル : /pages/slp/juchudempyodetail.jsp 09-3 戻る ボタンクリック時のアクションを変更して 受注伝票一覧 画面に遷移する際に再検索するように変更しなさい 対象ファイル : /pages/slp/juchudempyodetail.jsp ヒントヒント 問題 09-3 再検索は 戻る ボタンに設定されている JuchuDempyoListInit.do を他の適切なアクションに変更すればよい

21 演習問題 10 担当者 図 10.1 を参考にして 受注処理の 受注 画面を完成させなさい 図 10.1 完成図 問題問題 10-1 得意先コード 得意先名を表示するテキストボックスを追加しなさい 表示フォーマットは oss0004 詳細設計書 _ 受注処理. 項目説明書 を参照する 注文書ファイルが新たに選択された場合 JavaScriptで画面制御を行う スタイルシートは 基本設計書. 画面標準書 を参照する 対象ファイル : /pages/rcv/juchu.jsp 10-2 商品一覧に 商品コード 仕入商品 必要数 カラムを追加 カラムの追加位置と表示フォーマットは oss0004 詳細設計書 _ 受注処理. 画面レイアウト oss0004 詳細設計書 _ 受注処理. 項目説明書 を参照する 対象ファイル : /pages/rcv/juchu.jsp ヒントヒント 問題 10-1 注文書が新たに選択された時に JavaScript var changefile = function() が起動するので ここに画面制御の処理を追加すればよい

22 ライセンス この著作物著作物は クリエィティブクリエィティブ コモンズコモンズ ライセンス表示 2.1 日本 によりにより ケイ エヌエヌ情報情報システムシステム株式会社株式会社 山口大学山口大学からから利用許諾利用許諾されていますされています 詳しい利用許諾条項は