ssh專案中jsp頁面引入的inclue頁面，資料呼叫問題
阿新 • • 發佈：2019-02-20
<%@page import="com.bill.zg.model.*" %> <%@ page contentType="text/html;charset=UTF-8" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <%@ taglib tagdir="/WEB-INF/tags/simpletable" prefix="simpletable"%> <%@ include file="/commons/taglibs.jsp" %> <rapid:override name="head"> <title><%=TzgSpzgIn.TABLE_ALIAS%> 維護</title> <link href="/hmamt/widgets/simpletable/simpletable.css" type="text/css" rel="stylesheet"/> <link href="./images/skin.css" rel="stylesheet" type="text/css" /> <link href="/hmamt/css/simpletree.css" type="text/css" rel="stylesheet"/> <script type="text/javascript" src="/hmamt/widgets/simpletable/simpletable.js" > </script> <script type="text/javascript" src="/hmamt/scripts/common.js"></script> <script type="text/javascript" src="/hmamt/scripts/js/jquery.js"></script> <script type="text/javascript" src="/hmamt/scripts/js/jquery.simple.tree.js"></script> <script type="text/javascript" > $(function() { $(document).click(function() { parent.closeMenuDiv(); }); }) $(document).ready(function() { // 分頁需要依賴的初始化動作 window.simpleTable = new SimpleTable('queryForm',${page.thisPageNumber},${page.pageSize},'${pageRequest.sortColumns}'); }); </script> <script type="text/javascript"> var simpleTreeCollection; $(document).ready(function(){ simpleTreeCollection = $('.simpleTree').simpleTree({ autoclose: true, afterClick:function(node){ var value = $('span:first',node).attr("id"); if(value.length == 7){ value = value.substring(1); } document.getElementById("citySel").value = value; $("#DropdownMenuBackground").fadeOut("fast"); }, afterDblClick:function(node){ //alert("text-"+$('span:first',node).text()); }, afterMove:function(destination, source, pos){ //alert("destination-"+destination.attr('id')+" source-"+source.attr('id')+" pos-"+pos); }, afterAjax:function() { }, animate:true }); $("body").bind("mousedown", function(event){ if (!(event.target.id == "menuBtn" || event.target.id == "DropdownMenuBackground" || $(event.target).parents("#DropdownMenuBackground").length>0)) { hideMenu(); } }); }); function showMenu() { var cityObj = $("#citySel"); var cityOffset = $("#citySel").offset(); $("#DropdownMenuBackground").css({left:cityOffset.left + "px", top:cityOffset.top + cityObj.outerHeight() + "px"}).slideDown("fast"); } function hideMenu() { $("#DropdownMenuBackground").fadeOut("fast"); } </script> </rapid:override> <rapid:override name="content"> <form id="queryForm" name="queryForm" action="<c:url value="/zg/TzgSpzgIn/list.do"/>" method="get" style="display: inline;"> <div class="queryPanel"> <fieldset> <legend>搜尋</legend> <table> <tr> <td class="tdLabel"><%=TzgSpzgIn.ALIAS_BORROWER%>:</td> <td> <input value="${query.borrower}" id="borrower" name="borrower" maxlength="50" class=""/> </td> <td class="tdLabel"><%=TzgSpzgIn.ALIAS_BORROWER_BALANCE%>:</td> <td> <input value="${query.borrowerBalance}" id="borrowerBalance" name="borrowerBalance" maxlength="16" class="validate-integer "/> </td> <td class="tdLabel"><%=TzgSpzgIn.ALIAS_PLEDGER_BALANCE%>:</td> <td> <input value="${query.pledgerBalance}" id="pledgerBalance" name="pledgerBalance" maxlength="16" class="validate-integer "/> </td> <td class="tdLabel"><%=TzgSpzgIn.ALIAS_GUARANTEE_BALANCE%>:</td> <td> <input value="${query.guaranteeBalance}" id="guaranteeBalance" name="guaranteeBalance" maxlength="16" class="validate-integer "/> </td> </tr> <tr> <td class="tdLabel"><%=TzgSpzgIn.ALIAS_PLEDGER%>:</td> <td> <input value="${query.pledger}" id="pledger" name="pledger" maxlength="50" class=""/> </td> <td class="tdLabel"><%=TzgSpzgIn.ALIAS_PLEDGER_PRODUCT%>:</td> <td> <input value="${query.pledgerProduct}" id="pledgerProduct" name="pledgerProduct" maxlength="50" class=""/> </td> <td class="tdLabel"><%=TzgSpzgIn.ALIAS_PLEDGER_CONTRACT_ID%>:</td> <td> <input value="${query.pledgerContractId}" id="pledgerContractId" name="pledgerContractId" maxlength="50" class=""/> </td> <td class="tdLabel"><%=TzgSpzgIn.ALIAS_PLEDGER_BOND_ID%>:</td> <td> <input value="${query.pledgerBondId}" id="pledgerBondId" name="pledgerBondId" maxlength="50" class=""/> </td> </tr> <tr> <td class="tdLabel"><%=TzgSpzgIn.ALIAS_ASSESS_AMOUNT%>:</td> <td> <input value="${query.assessAmount}" id="assessAmount" name="assessAmount" maxlength="16" class="validate-integer "/> </td> <td class="tdLabel"><%=TzgSpzgIn.ALIAS_INVOKE_PRODUCT%>:</td> <td> <input value="${query.invokeProduct}" id="invokeProduct" name="invokeProduct" maxlength="50" class=""/> </td> <td class="tdLabel"><%=TzgSpzgIn.ALIAS_INVOKE_REASON%>:</td> <td> <input value="${query.invokeReason}" id="invokeReason" name="invokeReason" maxlength="300" class=""/> </td> <td class="tdLabel"><%=TzgSpzgIn.ALIAS_INVOKE_TYPE%>:</td> <td> <%-- <input value="${query.invokeType}" id="invokeType" name="invokeType" maxlength="32" class=""/> --%> <s:select theme="simple" label="%{@com.bill.zg.model.TzgSpzgIn@ALIAS_INVOKE_TYPE}" cssStyle="width:100px;" key="invokeType" id="invokeType" name="invokeType" list="@javacommon.util.SelectValueUtil@getParamValues('invokeType')" value="#request.query.invokeType" listKey="key" listValue="value" headerKey="" headerValue="請選擇" /> </td> </tr> <tr> <td class="tdLabel"><%=TzgSpzgIn.ALIAS_PLEDGER_RETURN_TIME%>:</td> <td> <%-- <input value="${query.pledgerReturnTime}" id="pledgerReturnTime" name="pledgerReturnTime" maxlength="10" class=""/> --%> <input style="width:170px" value="${query.pledgerReturnTime}" onclick="WdatePicker({maxDate:'#F{$dp.$D(\'pledgerReturnTime\')}',dateFmt:'yyyyMMdd'})" id="pledgerReturnTime" name="pledgerReturnTime" /> </td> <td class="tdLabel"><%=TzgSpzgIn.ALIAS_ACCESSORY%>:</td> <td> <input value="${query.accessory}" id="accessory" name="accessory" maxlength="1024" class=""/> </td> <%-- <td class="tdLabel"><%=TzgSpzgIn.ALIAS_ROLE_ID%>:</td> <td> <input value="${query.roleId}" id="roleId" name="roleId" maxlength="20" class=""/> </td> --%> <td class="tdLabel"><%=TzgSpzgIn.ALIAS_PROGRESS%>:</td> <td> <s:select theme="simple" label="%{@com.bill.zg.model.TzgSpzgIn@ALIAS_PROGRESS}" cssStyle="width:100px;" key="progress" id="progress" name="progress" list="@javacommon.util.SelectValueUtil@getParamValues('progress')" value="#request.query.progress" listKey="key" listValue="value" headerKey="" headerValue="請選擇" /> </td> </tr> <%-- <tr> <td class="tdLabel"><%=TzgSpzgIn.ALIAS_ACCOUNT_MANAGER_ID%>:</td> <td> <input value="${query.accountManagerId}" id="accountManagerId" name="accountManagerId" maxlength="32" class=""/> </td> <td class="tdLabel"><%=TzgSpzgIn.ALIAS_ACCOUNT_MANAGER_NAME%>:</td> <td> <input value="${query.accountManagerName}" id="accountManagerName" name="accountManagerName" maxlength="32" class=""/> </td> <td class="tdLabel"><%=TzgSpzgIn.ALIAS_BRANCH_DIRECTOR_ID%>:</td> <td> <input value="${query.branchDirectorId}" id="branchDirectorId" name="branchDirectorId" maxlength="32" class=""/> </td> <td class="tdLabel"><%=TzgSpzgIn.ALIAS_BRANCH_DIRECTOR_NAME%>:</td> <td> <input value="${query.branchDirectorName}" id="branchDirectorName" name="branchDirectorName" maxlength="32" class=""/> </td> </tr> <tr> <td class="tdLabel"><%=TzgSpzgIn.ALIAS_GOVERNOR_ID%>:</td> <td> <input value="${query.governorId}" id="governorId" name="governorId" maxlength="32" class=""/> </td> <td class="tdLabel"><%=TzgSpzgIn.ALIAS_GOVERNOR_NAME%>:</td> <td> <input value="${query.governorName}" id="governorName" name="governorName" maxlength="32" class=""/> </td> <td class="tdLabel"><%=TzgSpzgIn.ALIAS_RISK_MANAGEMENT_ID%>:</td> <td> <input value="${query.riskManagementId}" id="riskManagementId" name="riskManagementId" maxlength="32" class=""/> </td> <td class="tdLabel"><%=TzgSpzgIn.ALIAS_RISK_MANAGEMENT_NAME%>:</td> <td> <input value="${query.riskManagementName}" id="riskManagementName" name="riskManagementName" maxlength="32" class=""/> </td> </tr> --%> <tr> <td class="tdLabel"><%=TzgSpzgIn.ALIAS_AGENCIES%>:</td> <td> <input onkeyup="value=value.replace(/[\D]/g,'')" value="${query.agencies}" id="citySel" name="agencies" onclick="showMenu(); return false;" maxlength="9" class=""/> </td> <td class="tdLabel"><%=TzgSpzgIn.ALIAS_AGENCIES_NAME%>:</td> <td> <input value="${query.agenciesName}" id="agenciesName" name="agenciesName" maxlength="32" class=""/> </td> </tr> </table> </fieldset> <div class="handleControl"> <input type="submit" class="stdButton" value="查詢" onclick="getReferenceForm(this).action='${ctx}/zg/TzgSpzgIn/list.do'"/> <!-- 僅有經管客戶經理有增加的功能 --> <c:if test="${loginuser.spzgRole eq 'SPZG1'}"> <input type="submit" class="stdButton" value="新增" onclick="getReferenceForm(this).action='${ctx}/zg/TzgSpzgIn/create.do'"/> </c:if> <%-- <input type="button" class="stdButton" value="刪除" onclick="batchDelete('${ctx}/zg/TzgSpzgIn/delete.do','items',document.forms.queryForm)"/> --%> <div> </div> <div class="gridTable"> <simpletable:pageToolbar page="${page}"> </simpletable:pageToolbar> <table width="100%" border="0" cellspacing="0" class="gridBody"> <thead> <tr> <!-- <th style="width:1px;"> </th> --> <!-- <th style="width:1px;"><input type="checkbox" onclick="setAllCheckboxState('items',this.checked)"></th> --> <!-- 排序時為th增加sortColumn即可,new SimpleTable('sortColumns')會為tableHeader自動增加排序功能; --> <th sortColumn="ID" ><%=TzgSpzgIn.ALIAS_ID%></th> <th sortColumn="BORROWER" ><%=TzgSpzgIn.ALIAS_BORROWER%></th> <th sortColumn="BORROWER_BALANCE" ><%=TzgSpzgIn.ALIAS_BORROWER_BALANCE%></th> <th sortColumn="PLEDGER_BALANCE" ><%=TzgSpzgIn.ALIAS_PLEDGER_BALANCE%></th> <th sortColumn="GUARANTEE_BALANCE" ><%=TzgSpzgIn.ALIAS_GUARANTEE_BALANCE%></th> <th sortColumn="PLEDGER" ><%=TzgSpzgIn.ALIAS_PLEDGER%></th> <th sortColumn="PLEDGER_PRODUCT" ><%=TzgSpzgIn.ALIAS_PLEDGER_PRODUCT%></th> <th sortColumn="PLEDGER_CONTRACT_ID" ><%=TzgSpzgIn.ALIAS_PLEDGER_CONTRACT_ID%></th> <th sortColumn="PLEDGER_BOND_ID" ><%=TzgSpzgIn.ALIAS_PLEDGER_BOND_ID%></th> <th sortColumn="ASSESS_AMOUNT" ><%=TzgSpzgIn.ALIAS_ASSESS_AMOUNT%></th> <th sortColumn="INVOKE_PRODUCT" ><%=TzgSpzgIn.ALIAS_INVOKE_PRODUCT%></th> <th sortColumn="INVOKE_REASON" ><%=TzgSpzgIn.ALIAS_INVOKE_REASON%></th> <th sortColumn="INVOKE_TYPE" ><%=TzgSpzgIn.ALIAS_INVOKE_TYPE%></th> <th sortColumn="PLEDGER_RETURN_TIME" ><%=TzgSpzgIn.ALIAS_PLEDGER_RETURN_TIME%></th> <th sortColumn="ACCESSORY" ><%=TzgSpzgIn.ALIAS_ACCESSORY%></th> <%-- <th sortColumn="ROLE_ID" ><%=TzgSpzgIn.ALIAS_ROLE_ID%></th> --%> <th sortColumn="PROGRESS" ><%=TzgSpzgIn.ALIAS_PROGRESS%></th><%-- <th sortColumn="ACCOUNT_MANAGER_ID" ><%=TzgSpzgIn.ALIAS_ACCOUNT_MANAGER_ID%></th> <th sortColumn="ACCOUNT_MANAGER_NAME" ><%=TzgSpzgIn.ALIAS_ACCOUNT_MANAGER_NAME%></th> <th sortColumn="BRANCH_DIRECTOR_ID" ><%=TzgSpzgIn.ALIAS_BRANCH_DIRECTOR_ID%></th> <th sortColumn="BRANCH_DIRECTOR_NAME" ><%=TzgSpzgIn.ALIAS_BRANCH_DIRECTOR_NAME%></th> <th sortColumn="GOVERNOR_ID" ><%=TzgSpzgIn.ALIAS_GOVERNOR_ID%></th> <th sortColumn="GOVERNOR_NAME" ><%=TzgSpzgIn.ALIAS_GOVERNOR_NAME%></th> <th sortColumn="RISK_MANAGEMENT_ID" ><%=TzgSpzgIn.ALIAS_RISK_MANAGEMENT_ID%></th> <th sortColumn="RISK_MANAGEMENT_NAME" ><%=TzgSpzgIn.ALIAS_RISK_MANAGEMENT_NAME%></th> <th sortColumn="AGENCIES" ><%=TzgSpzgIn.ALIAS_AGENCIES%></th> <th sortColumn="AGENCIES_NAME" ><%=TzgSpzgIn.ALIAS_AGENCIES_NAME%></th> --%> <th>操作</th> </tr> </thead> <tbody> <c:forEach items="${page.result}" var="item" varStatus="status"> <tr class="${status.count % 2 == 0 ? 'odd' : 'even'}"> <%-- <td>${page.thisPageFirstElementNumber + status.index}</td> --%> <%-- <td><input type="checkbox" name="items" value="id=${item.id}&"></td> --%> <td><c:out value='${item.id}'/> </td> <td><c:out value='${item.borrower}'/> </td> <td><c:out value='${item.borrowerBalance}'/> </td> <td><c:out value='${item.pledgerBalance}'/> </td> <td><c:out value='${item.guaranteeBalance}'/> </td> <td><c:out value='${item.pledger}'/> </td> <td><c:out value='${item.pledgerProduct}'/> </td> <td><c:out value='${item.pledgerContractId}'/> </td> <td><c:out value='${item.pledgerBondId}'/> </td> <td><c:out value='${item.assessAmount}'/> </td> <td><c:out value='${item.invokeProduct}'/> </td> <td><c:out value='${item.invokeReason}'/> </td> <td><%-- <c:out value='${item.invokeType}'/> --%> <bill:select name="invokeType" value="${item.invokeType}"/> </td> <td><c:out value='${item.pledgerReturnTime}'/> </td> <td><c:out value='${item.accessory}'/> </td> <%-- <td><c:out value='${item.roleId}'/> </td> --%> <td><%-- <c:out value='${item.progress}'/> --%> <bill:select name="progress" value="${item.progress}"/> </td><%-- <td><c:out value='${item.accountManagerId}'/> </td> <td><c:out value='${item.accountManagerName}'/> </td> <td><c:out value='${item.branchDirectorId}'/> </td> <td><c:out value='${item.branchDirectorName}'/> </td> <td><c:out value='${item.governorId}'/> </td> <td><c:out value='${item.governorName}'/> </td> <td><c:out value='${item.riskManagementId}'/> </td> <td><c:out value='${item.riskManagementName}'/> </td> <td><c:out value='${item.agencies}'/> </td> <td><c:out value='${item.agenciesName}'/> </td> --%> <td> <a href="${ctx}/zg/TzgSpzgIn/show.do?id=${item.id}&">檢視</a> <c:if test="${ (loginuser.spzgRole eq 'SPZG2' && item.progress == '0' )|| (loginuser.spzgRole eq 'SPZG3' && item.progress == '1' ) || (loginuser.spzgRole eq 'SPZG4' && item.progress == '2' ) }"> <a href="${ctx}/zg/TzgSpzgIn/showShen.do?id=${item.id}&">稽核</a> </c:if> <c:if test="${loginuser.spzgRole eq 'SPZG1' && (item.progress == '0' ||item.progress == '-1') && item.accountManagerId ==loginuser.userid }"> <a href="${ctx}/zg/TzgSpzgIn/edit.do?id=${item.id}&">修改</a> </c:if> </td> </tr> </c:forEach> </tbody> </table> <simpletable:pageToolbar page="${page}"> </simpletable:pageToolbar> </div> <simple:billtree/> </form> </rapid:override> <%-- jsp模板繼承,具體使用請檢視: http://code.google.com/p/rapid-framework/wiki/rapid_jsp_extends --%> <%@ include file="base.jsp" %>
其中下拉框功能，若要使資料從資料庫中呼叫，需要在div下新增</simpletable:pageToolbar>單標籤，在引入的include頁面中，要使下拉框和日期功能生效，需要將textfiled改成正常的td格式，並在action類中的相應頁面方法中新增類似this.getRequest().setAttribute("tzgSpzgIn", tzgSpzgIn);的獲取引數的程式碼。