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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值