你的位置:首页 > 软件开发 > ASP.net > 基于MVC4+EasyUI的Web开发框架经验总结(17)

基于MVC4+EasyUI的Web开发框架经验总结(17)

发布时间:2016-07-20 13:00:06
在我自己的《Web开发框架》中,用了很多年的EasyUI,最新版本EasyUI为1.4.5,随着版本的更新,其很多功能得到了很大的完善和提高,同时也扩展了一些新的功能,以前在布局和对话框弹出层的自动适应大小的问题,也在最近的一些版本得到了解决,本文在迁移到最新EasyUI版本的时 ...

在我自己的《Web开发框架》中,用了很多年的EasyUI,最新版本EasyUI为1.4.5,随着版本的更新,其很多功能得到了很大的完善和提高,同时也扩展了一些新的功能,以前在布局和对话框弹出层的自动适应大小的问题,也在最近的一些版本得到了解决,本文在迁移到最新EasyUI版本的时候,总结了一些经验,希望对大家使用这个强大的Web界面组件有所帮助。

1、Web主界面的布局调整

基于MVC4+EasyUI的Web开发框架经验总结(17)

上面的布局是顶部内容+一级菜单、左边菜单,右边主内容为页面内容,页面内容是变化的内容,其他部分为不变的,这样的布局代码如下所示。

<!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

web
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。