您的位置：首页 > 产品设计 > UI/UE

easyui主界面布局easyui-layout用法一例

2016-06-03 14:57 405 查看

easyui主界面布局easyui-layout用法一例
例一：
<body id="topBody" style="padding: 0px 0px 0px 0px; " >
<div id="divLayout" class="easyui-layout" data-options="fit:true,border:false" style="padding: 0 0 0 0;right:0;z-index: 993;width:100%">
<div id="headRegion" data-options="region:'north',title:'North Title',split:false, collapsible:false, border:false, noheader:true, minWidth:1024"
style="padding:0 0 0 0; overflow:hidden; height:43px;right:0px;border-width:0px;">
顶导航栏
</div>
<div id='leftRegion' data-options="region:'west',noheader:true,width:180,split:false,collapsible:false,minWidth:120,border:false">
左导航区
<ul id="ulNav" class="nav nav-primary nav-stacked" style="padding:10px;">' + nav.Content + '</ul>
</div>
<div id="MainWorkRegion" data-options="region:'center',title:'center title',noheader:true" style="padding-bottom:0px;padding-right:0px;padding-top:10px;border-width:0px;right:0px">
主工作区
</div>
</div>
....
</body>
例二：
<body style="padding:0 0 0 0;">
<div class="easyui-layout" data-options="border:false,fit:true" style="padding: 0 0 0 0;right:0;width:100%;height:100%">
<div id="div_work" data-options="region:'center',border:false" style="padding: 0 0 0 0;left:0;width:100%;">
<iframe id="frame_work" name="frame_work" src="" scrolling="auto" frameborder="0" style="width:100%;height:99%;"></iframe>
</div>
</div>
</body>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航