在我自己的《Web开发框架》中,用了很多年的EasyUI,最新版本EasyUI为1.4.5,随着版本的更新,其很多功能得到了很大的完善和提高,同时也扩展了一些新的功能,以前在布局和对话框弹出层的自动适应大小的问题,也在最近的一些版本得到了解决,本文在迁移到最新EasyUI版本的时 ...
在我自己的《Web开发框架》中,用了很多年的EasyUI,最新版本EasyUI为1.4.5,随着版本的更新,其很多功能得到了很大的完善和提高,同时也扩展了一些新的功能,以前在布局和对话框弹出层的自动适应大小的问题,也在最近的一些版本得到了解决,本文在迁移到最新EasyUI版本的时候,总结了一些经验,希望对大家使用这个强大的Web界面组件有所帮助。
1、Web主界面的布局调整
上面的布局是顶部内容+一级菜单、左边菜单,右边主内容为页面内容,页面内容是变化的内容,其他部分为不变的,这样的布局代码如下所示。
<!DOCTYPE html><html><body style="overflow-y:hidden;" scroll="no"> <div class="easyui-layout" data-options="fit:true,border:false"> <!--顶部Banner--> <div region="north" id="header"> </div> <!--左侧导航菜单--> <div region="west" split="true" title="导航菜单" style="width:200px;padding:1px;overflow:hidden;"> </div> <!--主工作区--> <div id="mainPanle" region="center" title="" style="overflow:hidden;"> </div> <!--底部版权标识--> <div data-options="region:'south',split:true" style="height: 40px;background: #D2E0F2;"> </div> </div></body></html>
原标题:基于MVC4+EasyUI的Web开发框架经验总结(17)
关键词:web
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。