认识Jquery easyui 使用Easyui-layout 布局
Jquery easyui 版本1.2.2 最后一个免费版本
这是框架需要引入的包在common_js.jsp中加载
<script type="text/javascript" src="${baseurl}js/jquery-1.4.4.min.js"></script>
<SCRIPT type="text/javascript"src="${baseurl}js/easyui/jquery.easyui.min.1.2.2.js"></SCRIPT>
<script type="text/javascript"src="${baseurl}js/easyui/locale/easyui-lang-zh_CN.js"></script>
在common_js.jsp中加载
Jquery实现的ajax from 提交from
<script type="text/javascript"src="${baseurl}js/jquery.form.min.js"></script>
系统自定的包：
<script type="text/javascript" src="${baseurl}js/custom.jquery.form.js"></script>
<script type="text/javascript"src="${baseurl}js/custom.box.main.js"></script>
<script type="text/javascript"src="${baseurl}js/jquery.ajax.custom.extend.js"></script>
首页菜单加载
<SCRIPT type="text/javascript"src="${baseurl}js/menuload.js"></SCRIPT>
日期组件
<script type="text/javascript"src="${baseurl}js/My97DatePicker/WdatePicker.js"></script>
表单校验
<script src="${baseurl}js/jqueryvalidator/formValidator-4.1.3.js"type="text/javascript" charset="UTF-8"></script>
<script src="${baseurl}js/jqueryvalidator/formValidatorRegex.js"type="text/javascript" charset="UTF-8"></script>
DWR
<script type='text/javascript'src='${baseurl}dwr/engine.js'></script>
<script type='text/javascript'src='${baseurl}dwr/util.js'></script>
<script type='text/javascript'src='${baseurl}dwr/interface/dwrService.js'></script>
Css
系统提供的css
<link rel="stylesheet"href="${baseurl}styles/style.css"/>
Jqueryeasyui 提供的css
<LINK rel="stylesheet"type="text/css" href="${baseurl}js/easyui/themes/default/easyui.css" />
<LINK rel="stylesheet"type="text/css" href="${baseurl}js/easyui/themes/icon.css">
日期组件的css
<link rel="stylesheet"href="${baseurl}js/My97DatePicker/skin/WdatePicker.css" type="text/css"/>
表单校验提供的
<link rel="stylesheet" href="${baseurl}js/formvalidator/style/validator.css"/>
进入一个页面js首先加载onload 方法如果没有就加载预加载方法$ (function(){})
Easyui-layout 布局（静态定义与js 无关）
region="north"为北也就是头部region="south" 为南也就是页脚
region="west"西也就是导航栏 region="center"为中间内容区域不可缺少