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.06 KB

myPage.jsp.md

File metadata and controls

227 lines (214 loc) · 6.06 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编码。
efw/efw.server.messages.js UTF-8 服务端信息文件，固定为UTF-8编码。
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文件，固定为UTF-8编码。
sql xml 推荐 UTF-8 服务端xml文件推荐使用UTF-8编码。可以自由设置。

画面间数据传递

    var param1="<%=request.getParameter("param1")%>";
    window.location="next.jsp?param1="+param1;
画面间收取数据，推荐使用request.getParameter方式。画面间发送数据，推荐使用jsp常规的URL参数方式。
另外，画面迁移推荐使用jsp常规的URL调用方式。如有必要，画面提交，session，cookies也可以使用。

事件的数据传递

    efw.client.fire({
       eventId:"form1_event1",
           ...
       success:function(eventResult){
           ...
       },
    });
事件的数据传递记述是在服务端js文件，而不是客户端js文件。
但是，如果在success函数里处理收到的数据的话，需意识到eventResult的存在。詳細内容参照efw.client.fire的API。

输入支援

    <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 ⇒ 「」
格式化定义的详细内容参照formatter的API。

快捷键

    <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 代用键。