认识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"为中间内容区域不可缺少