zoukankan      html  css  js  c++  java
  • jeecg多页签的选择切换

    有时候我们的页面需要多页签,多页签又引起一个问题就是只会校验初始加载的页签,所以就有了一个需求,需要把所有的页签都加载一遍,之后所有页签中需要校验的内容都会校验了,切换页签代码如下:

    $(document).ready(function(){
        $('#tt').tabs({
               onSelect:function(title){
                $('#tt .panel-body').css('width','auto');
            }
        });
        $("#tt").tabs("select", 1);
        $("#tt").tabs("select", 2);
        $("#tt").tabs("select", 3);
        $("#tt").tabs("select", 4);
        $("#tt").tabs("select", 5);
        $("#tt").tabs("select", 0);
      });

    页签如下:

    页签代码如下:

    <div id="tabss" style=" auto;height: 200px;">
                    <%-- 增加一个div,用于调节页面大小,否则默认太小 --%>
                    <div style="800px;height:1px;"></div>
                    <t:tabs id="tt" iframe="false" tabPosition="top" fit="false">
                     <t:tab href="hrUserController.do?hrUserDetailList&id=${hrUserPage.id}" icon="icon-search" title="详细信息" id="hrUserDetail"></t:tab>
                     <t:tab href="hrUserController.do?hserEntryInfoList&id=${hrUserPage.id}" icon="icon-search" title="职位信息" id="hrUserEntryInfo"></t:tab>
                     <t:tab href="hrUserController.do?hrUserEducationList&id=${hrUserPage.id}" icon="icon-search" title="教育经历" id="hrUserEducation"></t:tab>
                     <t:tab href="hrUserController.do?hrUserFamilyList&id=${hrUserPage.id}" icon="icon-search" title="家庭情况" id="hrUserFamily"></t:tab>
                     <t:tab href="hrUserController.do?hrUserWorkList&id=${hrUserPage.id}" icon="icon-search" title="工作经历" id="hrUserWork"></t:tab>
                     <c:if test="${roleCode==role||xhjHrUserPage.username==userName}">
                         <t:tab href="hrUserController.do?hrUserAnnexList&id=${hrUserPage.id}" icon="icon-search" title="照片上传" id="hrUserAnnex"></t:tab>
                     </c:if>
                    </t:tabs>
                </div>
  • 相关阅读:
    递归函数
    js原生代码添加表格(行,列用户选择)
    Vue列表数组检测及列表过滤
    字符,图片及视频存储
    小程序js-api简介及操作
    小程序开发-了解
    外购入库单审核可以,删除失败,提示采购单据严格按照数量控制,收料通知单关联数量不能大或负数
    PDO基础应用之异常处理
    进程池用法
    [转]解决Error: That port is already in use.
  • 原文地址:https://www.cnblogs.com/twodog/p/12137946.html
Copyright © 2011-2022 走看看