Skip to content
This repository has been archived by the owner on Jan 27, 2020. It is now read-only.

Latest commit

 

History

History
227 lines (214 loc) · 6.75 KB

myPage.jsp.md

File metadata and controls

227 lines (214 loc) · 6.75 KB

戻る     日本語  中文  English

jspのプログラム

web/myPage.jsp
--------------------------------------------------------------------------------
    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    <%@ taglib prefix="efw" uri="efw" %>
    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <efw:Core/>
        <efw:JQueryUI/>
        <efw:InputBehavior/>
        <script>
            var param1="<%=request.getParameter("param1")%>";
            function bodyLoad(){
                efw.client.fire({
                   eventId:"form1_event1",
                   ...
                   success:function(data){
                       window.location="next.jsp?param1="+param1;
                   },
                });
                ...
            }
        </script>
    </head>
    <body onload="bodyLoad()">
        <input id="txt_testnumber" type="text" data-format="#,##0.00">
        <input id="txt_testdate" type="text" data-format="yyyy年MM月dd日">
        ...
    </body>
    </html>
jspファイル。

efwタグ利用

    <efw:Core/>
    <efw:JQueryUI/>
    <efw:InputBehavior/>
efw の taglib を宣言して、efwのタグを取り込み、efw.client の各機能を利用できる。
タグ 説明
<efw:Core/> efwの基本機能をインクルードする。必須。
<efw:JQueryUI/> JQueryUI 機能をインクルードする。オプション。
<efw:InputBehavior/> 入力支援機能をインクルードする。オプション。入力支援のカスタマイズは、efw.css 。

encode & charset

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
efwの各ファイルは、UTF-8 でエンコードする。ただし、jsp画面は用途によりencodeとcharsetは、自由に設定できる。
ファイル encode & charset 説明
efw/efw.client.messages.js UTF-8 クライアントのメッセージファイルは、UTF-8でencodeを固定にする。
efw/efw.server.messages.js UTF-8 サーバーのメッセージファイルは、UTF-8でencodeを固定にする。
jsp pageEncoding UTF-8 推薦 jsp画面は用途によりencodeとcharsetは、UTF-8を推薦。自由に設定できる。
jsp charset UTF-8 推薦 jsp画面は用途によりencodeとcharsetは、UTF-8を推薦。自由に設定できる。
jsp meta charset jsp charset と同じ －
event js UTF-8 サーバーサイドのjsファイルのencodeは、UTF-8でencodeを固定にする。
sql xml UTF-8 推薦 サーバーサイドのxmlファイルのencodeは、UTF-8を推薦。自由に設定できる。

画面間のデータ受取り引渡し

    var param1="<%=request.getParameter("param1")%>";
    window.location="next.jsp?param1="+param1;
画面間のデータ受取りは、request.getParameter方式を推薦。画面間のデータ引渡しは、jsp従来どおりのURLパラメーター方式を推薦。
また、画面遷移は、jsp従来どおりのURL呼び出す方式を推薦。必要に応じて、フォームポスト、セッション、クッキーなども利用可能。

イベントのデータ受取り引渡し

    efw.client.fire({
       eventId:"form1_event1",
           ...
       success:function(eventResult){
           ...
       },
    });
イベントのデータ受取り引渡しは、サーバーサイドのイベントjsファイルに記載する。クライアントjsに記載不要。
ただし、success 関数に受取りデータに対して処理があれば、eventResult を意識する必要。詳細はAPIの efw.client.fire を参照。

入力支援

    <input id="txt_testnumber" type="text" data-format="#,##0.00">
    <input id="txt_testdate" type="text" data-format="yyyy年MM月dd日">
efw:InputBehavior をインクルードして、入力枠に data-format を定義する場合、入力支援の動きを行う。
data-format イベント 説明
#,##0.00 focus フォーマットなしの数字で表す。1,234.00 ⇒ 1234
#,##0.00 blur フォーマット後の文字列で表す。フォーマットできない場合空白。1234 ⇒ 1,234.00、ABCD ⇒ 「」
yyyy年MM月dd日 focus フォーマットなしの数字で表す。2015年12月31日 ⇒ 20151231
yyyy年MM月dd日 blur フォーマット後の文字列で表す。フォーマットできない場合空白。20151231 ⇒ 2015年12月31日、ABCD ⇒ 「」
フォーマットの書き方の詳細はAPIの formatter を参照。

ショットカット

    <input id="btn_save" type="button" data-shortcut="CTRL+S">
    <input id="btn_cancel" type="button" data-shortcut="F6">
efw:InputBehavior をインクルードして、ボタンに data-shortcut を定義する場合、ショットカットの動きを行う。
data-shortcut 説明
F1～F12 フォクションキー。
CTRL+A～CTRL+Z コントロールキー。
ALT+A～ALT+Z オルトキー。