使用easyui-layout布局

本文转载自查看原文 2016-11-28 11:49 2066

<body class="easyui-layout"> 
    <div data-options="region:'north',title:'顶部',split:true" style="height:100px;"></div>   
    <div data-options="region:'south',title:'底部', split:true" style="height:100px;"></div>   
    <div data-options="region:'east',iconCls:'icon-reload',title:'工具',split:true" style="width:100px;"></div>
    <div data-options="region:'west',title:'菜单', split:true" style="width:100px;">  
    <div id="ac" class="easyui-accordion" data-options="fit:true">
    <div title="员工信息" data-options="selected:true">
    <a class="easyui-linkbutton"   href="#" style="align:center,width:100%">新标签页</a><br>
    <a class="easyui-linkbutton"  title="addUser.html"   href="#" style="align:center,width:100%">添加</a><br>
    <a class="easyui-linkbutton"  title="xiugaiUser.html"  href="#" style="align:center,width:100%">修改</a><br>
    <a class="easyui-linkbutton" href="#"  style="align:center,width:100%">删除</a><br>
    </div>
    <div title="考勤信息">这是考勤信息</div>
    <div title="培训信息" >这是培训信息</div>
    </div>
  
</div>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 EasyUI之Layout布局和Tabs页签的使用 easyui---layout布局 EasyUI Layout 添加、删除、折叠、展开布局经历：easyui的layout自适应高度布局 EasyUi – 2.布局Layout + 3.登录界面 EasyUI之layout布局（布局面板的响应事件） jQuery easyui layout布局自适应浏览器大小 EasyUI---layout布局、树形组件、选项卡tabs easyUI Layout Layout布局