没有合适的资源?快使用搜索试试~ 我知道了~
jquery_easyui_cn文档.doc
需积分: 10 1 下载量 81 浏览量
2011-12-20
09:21:50
上传
评论
收藏 994KB DOC 举报
温馨提示
试读
50页
jquery_easyui_cn文档
资源推荐
资源详情
资源评论
jquery easyui 中文培训文档
目 录
1 Accordion(可折叠标签)3
1.1 实例.......................................................................................................................................3
1.2 参数.......................................................................................................................................4
2 DateBox(日期框) 4
2.1 实例.......................................................................................................................................5
2.2 参数.......................................................................................................................................7
2.3 事件.......................................................................................................................................7
2.4 方法.......................................................................................................................................7
3 ComboBox(组合框) 8
3.1 实例.......................................................................................................................................8
3.2 参数.....................................................................................................................................10
3.3 事件.....................................................................................................................................10
3.4 方法.....................................................................................................................................10
4 Dialog(对话框) 11
4.1 实例.....................................................................................................................................11
4.2 参数.....................................................................................................................................13
4.3 事件.....................................................................................................................................13
4.4 方法.....................................................................................................................................13
5 Messager(提示框) 14
5.1 实例.....................................................................................................................................14
5.2 方法.....................................................................................................................................17
5.3 扩展.....................................................................................................................................17
6 NumberBox(数字框) 18
6.1 实例.....................................................................................................................................18
6.2 参数.....................................................................................................................................19
7 ValidateBox(验证框) 19
7.1 实例.....................................................................................................................................19
7.2 参数.....................................................................................................................................21
7.3 方法.....................................................................................................................................21
7.4 扩展.....................................................................................................................................22
8 Pagination(分页) 22
8.1 实例.....................................................................................................................................22
8.2 参数.....................................................................................................................................24
8.3 事件.....................................................................................................................................24
9 Window(窗口) 25
9.1 实例.....................................................................................................................................25
9.2 参数.....................................................................................................................................27
9.3 事件.....................................................................................................................................28
9.4 方法.....................................................................................................................................28
10 Panel(面板) 28
10.1 实例...................................................................................................................................28
10.2 参数...................................................................................................................................30
10.3 事件...................................................................................................................................31
1
jquery easyui 中文培训文档
10.4 方法...................................................................................................................................31
11 Tabs(标签) 32
11.1 实例...................................................................................................................................32
11.2 参数...................................................................................................................................34
11.3 事件...................................................................................................................................35
11.4 方法...................................................................................................................................35
11.5 标签面板属性...................................................................................................................35
12 Tree(树) 35
12.1 实例...................................................................................................................................36
12.2 参数...................................................................................................................................39
12.3 事件...................................................................................................................................39
12.4 方法...................................................................................................................................40
13 Layout(布局) 40
13.1 实例...................................................................................................................................40
13.2 参数...................................................................................................................................42
13.3 方法...................................................................................................................................42
14 Datagrid(数据表) 42
14.1 实例...................................................................................................................................42
14.2 参数...................................................................................................................................46
14.3 Column 参数.....................................................................................................................47
14.4 事件...................................................................................................................................48
14.5 方法...................................................................................................................................49
2
jquery easyui 中文培训文档
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>
3
jquery easyui 中文培训文档
1.1.2 效果图
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(日期框)
4
jquery easyui 中文培训文档
2.1 实例
2.1.1 代码
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<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
5
剩余49页未读,继续阅读
资源评论
My_ideal2010
- 粉丝: 7
- 资源: 10
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于STM32F103C8T6单片机蓄电池在线监测系统主板硬件(原理图+PCB)工程文件.zip
- mysql大纲资料.txt
- c++大纲资料.txt
- 效率工具bat脚本实现日志提取
- MyBatis 中动态 SQL 的示例
- STM8L101F3P6单片机+CC1100模块433M遥控器设计硬件(原理图+PCB)工程文件.zip
- 上传下载铁人下载系统 Liuxing 1.0-liuxing1.0.rar
- 南京邮电大学数学实验实力雄厚,凭借其优秀的师资力量、丰富的实践教学资源和卓越的科研成果,成为国内一流的数学实验教学和科研基地
- 【火爆朋友圈的今天吃什么源码 v1.0】随机的为用户带来每一天的用餐选择和推荐.rar
- MPU6050中文版数据手册
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功