4.3.2.2. スマートフォン用のJSP作成¶
項目
PC版のJSPではjavascript(jQuery)などを利用して、データの表示などを行っていましたが、
スマートフォン版のJSPでは、javascriptは利用せずに、JSPのみで作成しています。
※一部jQueryモバイルの機能を利用しています。
コラム
データの表示がないJSPでも「ファイル名 + “_sp.jsp”」を用意しておく必要があります。
4.3.2.2.1. データの取得と画面表示¶
以下のようにEL式(function)の「kimw:load4View」にて、通常ajaxにてデータを取得しているところを、スクリプトレット(EL式)にてデータを取得できます。
<%@ taglib prefix="kimw" uri="http://kaiden.slcs.co.jp/taglib/imw" %> <c:set var="gadgetClass">ガジェットクラス</c:set> <c:set var="gadgetVariation">ガジェットバリエーション</c:set> <c:set var="gadgetInstance">${param.gadget_instance}</c:set> <c:set var="gadgetId">${gadgetClass}_${gadgetVariation}_${gadgetInstance}</c:set> <c:set var="componentName">コンポーネント名</c:set> <c:set var="imwSystemMatterId">${param.imwSystemMatterId}</c:set> <c:set var="imwUserDataId">${param.userDataId}</c:set> <c:set var="searchCriteriaCompany">${param.searchCriteriaCompany}</c:set> <%-- ガジェットデータの読み込み --%> <c:set var="gadgetResponse" value="${kimw:load4View(componentName, imwSystemMatterId, imwUserDataId, gadgetId, searchCriteriaCompany)}"></c:set> <%-- ガジェットデータを画面に表示 --%> <c:forEach items="${gadgetResponse.data[TMテーブルID]}" var="detailData"> <c:out value="${detailData.item1}"> <c:out value="${detailData.item2}"> <c:out value="${detailData.item3}"> </c:forEach>コラム
コンポーネント名は、ajax通信するActionクラスの名前を指定します。指定された名前でDIコンテナから取り出して処理します。