码迷,mamicode.com
首页 > 其他好文 > 详细

jeecg多页签的选择切换

时间:2017-12-13 23:28:40      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:ready   教育   position   abs   信息   校验   title   一个   src   

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

$(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="width: auto;height: 200px;">
                <%-- 增加一个div,用于调节页面大小,否则默认太小 --%>
                <div style="width: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>

 

jeecg多页签的选择切换

标签:ready   教育   position   abs   信息   校验   title   一个   src   

原文地址:http://www.cnblogs.com/shuilangyizu/p/8034839.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!