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>
easyui主界面布局easyui-layout用法一例
最新推荐文章于 2021-02-13 07:51:55 发布