EasyUI-Tabs

 

 

<div id="divTab" class="easyui-tabs" style="width:700px;height:550px">
        <div id="divCompany" title="公司管理" style="padding:10px">
            <iframe src="/Company/Index"></iframe>
        </div>
        <div id="divDeptMent" title="部门管理" style="padding:10px">
            
        </div>
        <div id="divRole" title="角色管理"  style="padding:10px">
            
        </div>
        <div id="divPost" title="岗位管理"  style="padding:10px">
            
        </div>
        <div id="divPerson" title="人员管理"  style="padding:10px">
            
        </div>
    </div>

//选择某一个tab
$("#divTab").tabs("select", 4);

 $('#divTab').tabs({
            border: false,
            onSelect: function (title,index) {
                if (title == "部门管理") {
                    //$("#divDeptMent").html("<iframe src='/deptment/Index'></iframe>");
                }
            }
        });