当前位置: 首页 - 编程技术 - 文章正文

table中给行或列添加超链接,函数调用,以及c:if的判断

xiaoqihv

实现效果:给类型为关联工单和取消关联的一行数据添加超链接,实现跳转

 jsp实现方案一:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@page import="com.ultrapower.eoms.common.portal.model.UserSession"%> <%@page import="com.ultrapower.eoms.common.core.util.UUIDGenerator"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <meta http-equiv="X-UA-Compatible" content="ID=Edge"> <html>     <head>    

    <script language="javascript">     /**      *打开待办工单      */      function openSheet(baseSchema,baseId,processType){         if(processType=="关联工单"||processType=="取消关联"){                         document.getElementById('sheetform').action = '${ctx}/sheet/openWaittingSheet.action';              document.getElementById('schema').value = baseSchema ;              document.getElementById('baseId').value = baseId ;              document.getElementById('processType').value = processType;              document.getElementById('sheetform').submit();         }else{                      }                }     </script>                  </head>     <body id="id4" style="overflow:auto;" >          <div id = "new">                 <form id="operLogForm" method="post" name="operLogForm" action="">             <table class="project" id="id3" style="width:1500px;">                                  <tr>                                          <th width="10%">操作人姓名</th>                     <th width="10%">操作时间</th>                     <th width="10%">操作类型</th>                     <th width="70%">操作内容</th>

                </tr>                                                   <c:forEach var="user" items="${operatorLogList}">                 <tbody>                     <tr>                                               <td><a href="javascript:;" οnclick="openSheet('${user.baseschemafrom}','${user.baseidfrom}','${user.opertype}')">${user.opername}</a></td>                         <td><a href="javascript:;" οnclick="openSheet('${user.baseschemafrom}','${user.baseidfrom}','${user.opertype}')">${user.opertimestring}</a></td>                         <td><a href="javascript:;" οnclick="openSheet('${user.baseschemafrom}','${user.baseidfrom}','${user.opertype}')">${user.opertype}</a></td>                                                 <td colspan="2"><a href="javascript:;" οnclick="openSheet('${user.baseschemafrom}','${user.baseidfrom}','${user.opertype}')">${user.opercontent}</a></td>                                                                            </tr>                </tbody>                </c:forEach>                                     </table>             </form>      </div>     <form id="sheetform" action="${ctx}/sheet/openWaittingSheet.action" target="_blank">             <input type="hidden" name="baseSchema" id="schema"/>                         <input type="hidden" name="baseId" id="baseId" />             <input type="hidden" name="entryId" id="entryId" />             <input type="hidden" name="processType" id="processType" />             <input type="hidden" name="version" id="version" />     </form>             </body>      </html>

jsp实现方案二:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@page import="com.ultrapower.eoms.common.portal.model.UserSession"%> <%@page import="com.ultrapower.eoms.common.core.util.UUIDGenerator"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <meta http-equiv="X-UA-Compatible" content="ID=Edge"> <html>     <head>    

    <script language="javascript">     /**      *打开待办工单      */      function openSheet(baseSchema,baseId,processType){         if(processType=="关联工单"||processType=="取消关联"){                         document.getElementById('sheetform').action = '${ctx}/sheet/openWaittingSheet.action';              document.getElementById('schema').value = baseSchema ;              document.getElementById('baseId').value = baseId ;              document.getElementById('processType').value = processType;              document.getElementById('sheetform').submit();         }else{                      }                }     </script>                  </head>     <body id="id4" style="overflow:auto;" >          <div id = "new">                 <form id="operLogForm" method="post" name="operLogForm" action="">             <table class="project" id="id3" style="width:1500px;">                                  <tr>                                          <th width="10%">操作人姓名</th>                     <th width="10%">操作时间</th>                     <th width="10%">操作类型</th>                     <th width="70%">操作内容</th>

                </tr>                                                   <c:forEach var="user" items="${operatorLogList}">                 <tbody>                     <tr>                                               <td><a href="javascript:;" οnclick="openSheet('${user.baseschemafrom}','${user.baseidfrom}','${user.opertype}')">${user.opername}</a></td>                         <td><a href="javascript:;" οnclick="openSheet('${user.baseschemafrom}','${user.baseidfrom}','${user.opertype}')">${user.opertimestring}</a></td>                         <td><a href="javascript:;" οnclick="openSheet('${user.baseschemafrom}','${user.baseidfrom}','${user.opertype}')">${user.opertype}</a></td>                        <c:if test="${user.opertype}=='关联工单'">                         <td colspan="2"><a href="javascript:;" οnclick="openSheet('${user.baseschemafrom}','${user.baseidfrom}','${user.opertype}')">${user.opercontent}</a></td> 

</c:if>                                                                           </tr>                </tbody>                </c:forEach>                                     </table>             </form>      </div>     <form id="sheetform" action="${ctx}/sheet/openWaittingSheet.action" target="_blank">             <input type="hidden" name="baseSchema" id="schema"/>                         <input type="hidden" name="baseId" id="baseId" />             <input type="hidden" name="entryId" id="entryId" />             <input type="hidden" name="processType" id="processType" />             <input type="hidden" name="version" id="version" />     </form>             </body>      </html>

 

文章地址:https://wenmayi.cn/post/4853.html