easyui 生成tas方式

1.采用<a>标签形式

<div id="tabs" style="100%;">
        <ul>
            <li id="tabs_1"><a href="#tabs-1" >检查记录</a></li>
            <li id="tabs_2"><a href="#tabs-2" >住房情况</a></li>
            <li id="tabs_3"><a href="#tabs-3">财产情况</a></li>
            <li id="tabs_4"><a href="#tabs-4">特殊情况</a></li>
        </ul>
        <div id="tabs-1" class="body_scroll">
            <%@ include file="clxx.jsp" %>  <br>
            <%@ include file="zxjcxx.jsp" %>
        </div>
        <div id="tabs-2" class="body_scroll">
            <%@ include file="xcry.jsp" %>
        </div>
        <div id="tabs-3" class="body_scroll">
            <%@ include file="jcyj.jsp" %>
        </div>
        <div id="tabs-4" class="body_scroll">
            <%@ include file="fkfc.jsp" %>
        </div>
    </div>


jQuery(document).ready(function() {
    jQuery("#tabs").tabs();
});
 
2.直接采用class直接生成
 
<div  class="easyui-tabs" fit="true" border="false">
                    <div id="jcjl" title="检查记录" cache="false" style="padding:1px;" >
                        <%@ include file="clxx.jsp" %>  <br>
                        <%@ include file="zxjcxx.jsp" %>
                    </div>
                    <div id="xcry" title="现场人员" cache="true" style="padding:1px;">
                        <%@ include file="xcry.jsp" %>
                    </div>
                    <div id="zcsbzl" title="检查意见" cache="true" style="padding:1px;">
                        <%@ include file="jcyj.jsp" %>
                    </div>
                    <ww:if test="sfxz == 3">
                        <div id="fkfc" title="反馈复查" cache="true" style="padding:1px;">
                            <%@ include file="fkfc.jsp" %>
                        </div>
                    </ww:if>
                </div>
原文地址:https://www.cnblogs.com/donghua2014/p/4110614.html