• tab页中不借用iframe的写法


    直接用div+a两个标签即可。a标签负责href连接action的方法,action返回到各个页面中。在各个页面中都同时包含相同的div的tab页抬头,各个页面不同的是高亮,当该页面显示时,高亮该div即可。

    这样就达到了是tab页面的效果。不会出现iframe中的css样式重复或冲突的情况。

    例子:

     <div class="ui-tabs ui-widget ui-widget-content ui-corner-all" id="tabs1">
      <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
       <li class="ui-state-default ui-corner-top "><a href="${ctx}/customer/customerMgr!showCaseInfo?caseId=${caseId}&orgId=${orgId}">事件信息</a></li>
       <li class="ui-state-default ui-corner-top "><a href="${ctx}/customer/customerMgr!showEventInfo?caseId=${caseId}&orgId=${orgId}">案件信息</a></li>
       <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="${ctx}/customer/customerMgr!showCaseTraceInfo?caseId=${caseId}&orgId=${orgId}">跟踪信息</a></li>
       <li class="ui-state-default ui-corner-top "><a href="${ctx}/customer/customerMgr!showLossInfo?caseId=${caseId}&orgId=${orgId}">损失/理算</a></li>
       <li class="ui-state-default ui-corner-top "><a href="${ctx}/customer/customerMgr!showFileItem?caseId=${caseId}&orgId=${orgId}">查看资料</a></li>
      </ul>
     </div>

    ui-tabs-selected ui-state-active为高亮的css样式。

  • 相关阅读:
    Mysql 表分区
    Java json串生成及转bean
    ZK 样式使用
    ZK 使用jfreeChart
    Struct2 csv文件上传读取中文内容乱码
    Mysql 学习笔记
    java 调用C#webservice
    ace 后台管理模板可取之处
    Linux常用命令大全
    将图片转成base64写进hml,无需依赖本地文件
  • 原文地址:https://www.cnblogs.com/guanghuiqq/p/2661894.html
Copyright © 2020-2023  润新知