没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
jquery easyui 中文培训文档(V1.0)
1
目 录
1 Accordion(可折叠标签).......................................................................................................... 3
1.1 实例 ................................................................................................................................ 3
1.2 参数 ................................................................................................................................ 4
2 DateBox(日期框) ..................................................................................................................... 4
2.1 实例 ................................................................................................................................ 4
2.2 参数 ................................................................................................................................ 7
2.3 事件 ................................................................................................................................ 7
2.4 方法 ................................................................................................................................ 7
3 ComboBox(组合框) ...................................................................................................................... 7
3.1 实例 ................................................................................................................................ 7
3.2 参数 .............................................................................................................................. 10
3.3 事件 .............................................................................................................................. 10
3.4 方法 .............................................................................................................................. 10
4 Dialog(对话框) ....................................................................................................................... 10
4.1 实例 .............................................................................................................................. 10
4.2 参数 .............................................................................................................................. 12
4.3 事件 .............................................................................................................................. 13
4.4 方法 .............................................................................................................................. 13
5 Messager(提示框).................................................................................................................. 13
5.1 实例 .............................................................................................................................. 13
5.2 方法 .............................................................................................................................. 16
5.3 扩展 .............................................................................................................................. 17
6 NumberBox(数字框) ............................................................................................................. 17
6.1 实例 .............................................................................................................................. 17
6.2 参数 .............................................................................................................................. 18
7 ValidateBox(验证框) ............................................................................................................. 18
7.1 实例 .............................................................................................................................. 18
7.2 参数 .............................................................................................................................. 20
7.3 方法 .............................................................................................................................. 20
7.4 扩展 .............................................................................................................................. 21
8 Pagination(分页) ................................................................................................................... 21
8.1 实例 .............................................................................................................................. 21
8.2 参数 .............................................................................................................................. 23
8.3 事件 .............................................................................................................................. 23
9 Window(窗口) ........................................................................................................................ 23
9.1 实例 .............................................................................................................................. 24
9.2 参数 .............................................................................................................................. 26
9.3 事件 .............................................................................................................................. 26
9.4 方法 .............................................................................................................................. 26
10 Panel(面板) ............................................................................................................................. 26
10.1 实例 .............................................................................................................................. 27
10.2 参数 .............................................................................................................................. 28
jquery easyui 中文培训文档(V1.0)
2
10.3 事件 .............................................................................................................................. 29
10.4 方法 .............................................................................................................................. 30
11 Tabs(标签) .............................................................................................................................. 30
11.1 实例 .............................................................................................................................. 30
11.2 参数 .............................................................................................................................. 33
11.3 事件 .............................................................................................................................. 33
11.4 方法 .............................................................................................................................. 33
11.5 标签面板属性 .............................................................................................................. 33
12 Tree(树) ................................................................................................................................... 34
12.1 实例 .............................................................................................................................. 34
12.2 参数 .............................................................................................................................. 37
12.3 事件 .............................................................................................................................. 37
12.4 方法 .............................................................................................................................. 38
13 Layout(布局) .......................................................................................................................... 38
13.1 实例 .............................................................................................................................. 38
13.2 参数 .............................................................................................................................. 40
13.3 方法 .............................................................................................................................. 40
14 Datagrid(数据表)................................................................................................................... 40
14.1 实例 .............................................................................................................................. 40
14.2 参数 .............................................................................................................................. 44
14.3 Column 参数 ............................................................................................................... 45
14.4 事件 .............................................................................................................................. 46
14.5 方法 .............................................................................................................................. 47
jquery easyui 中文培训文档(V1.0)
3
1 Accordion(可折叠标签)
1.1 实例
1.1.1 代码
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery EasyUI</title>
<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../themes/icon.css">
<script type="text/javascript" src="../jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="../jquery.easyui.min.js"></script>
<script type="text/javascript">
$( function() {
$('#aa').accordion( {
width : 400,
height : 200,
fit : false
});
});
</script>
</head>
<body>
<div id="aa" border="true" >
<div title="Title1" icon="icon-save" style="overflow: auto; padding: 10px;">
<h3 style="color: #0099FF;">Accordion for jQuery</h3>
<p>Accordion is a part of easyui framework for jQuery. It lets you define your accordion
component on web page more easily.</p>
</div>
<div title="Title2" icon="icon-reload" selected="true"
style="padding: 10px;">content2</div>
<div title="Title3">content3</div>
</div>
</body>
</html>
1.1.2 效果图
jquery easyui 中文培训文档(V1.0)
4
1.1.3 扩展
实例 html 代码中
<div id="aa" border="true" >
此行也可写成
<div id="aa" class="easyui-accordion" style="width:300px;height:200px;" fit="false"
border="false">
,并且将 js 代码全部去掉,效果图是一样的。
1.2 参数
1.2.1 容器参数
参数名称
参数
类型
描述
默认值
width
数字
可折叠标签的宽度。
auto
height
数字
可折叠标签的高度。
auto
fit
布尔
是否使可折叠标签自动缩放以适应父容器的大小,当为 true
时 width 和 height 参数将失效。
false
border
布尔
是否显示边界线。
true
1.2.2 面板参数
可折叠标签面板继承自面板(panel),许多属性定义在<div />标签里,下面的属性就是如此:
参数名称
参数类型
描述
默认值
selected
布尔
设置可折叠标签中默认展开的标签页
false
2 DateBox(日期框)
2.1 实例
2.1.1 代码
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
jquery easyui 中文培训文档(V1.0)
5
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>jQuery EasyUI</title>
<link rel="stylesheet" type="text/css"
href="../themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../themes/icon.css">
<script type="text/javascript" src="../jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="../jquery.easyui.min.js"></script>
<script>
function disable() {
$('#dd').datebox('disable');
}
function enable() {
$('#dd').datebox('enable');
}
/*
将Date/String类型,解析为String类型.
传入String类型,则先解析为Date类型
不正确的Date,返回 ''
如果时间部分为0,则忽略,只返回日期部分.
*/
function formatDate(v) {
if (v instanceof Date) {
var y = v.getFullYear();
var m = v.getMonth() + 1;
var d = v.getDate();
var h = v.getHours();
var i = v.getMinutes();
var s = v.getSeconds();
var ms = v.getMilliseconds();
if (ms > 0)
return y + '-' + m + '-' + d + ' ' + h + ':' + i + ':' +
s
+ '.' + ms;
if (h > 0 || i > 0 || s > 0)
return y + '-' + m + '-' + d + ' ' + h + ':' + i + ':' +
s;
return y + '-' + m + '-' + d;
}
return '';
}
剩余47页未读,继续阅读
资源评论
cqwl200913014060
- 粉丝: 3
- 资源: 33
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功