jquery+easyui培训文档.docx
- 文档编号:10063408
- 上传时间:2023-05-23
- 格式:DOCX
- 页数:77
- 大小:248.06KB
jquery+easyui培训文档.docx
《jquery+easyui培训文档.docx》由会员分享,可在线阅读,更多相关《jquery+easyui培训文档.docx(77页珍藏版)》请在冰点文库上搜索。
jquery+easyui培训文档
目录
1Accordion(可折叠标签)2
1.1实例2
1.2参数3
2DateBox(日期框)4
2.1实例4
2.2参数6
2.3事件6
2.4方法6
3ComboBox(组合框)7
3.1实例7
3.2参数9
3.3事件9
3.4方法9
4Dialog(对话框)10
4.1实例10
4.2参数12
4.3事件12
4.4方法12
5Messager(提示框)12
5.1实例12
5.2方法15
5.3扩展16
6NumberBox(数字框)16
6.1实例16
6.2参数17
7ValidateBox(验证框)18
7.1实例18
7.2参数20
7.3方法20
7.4扩展20
8Pagination(分页)20
8.1实例20
8.2参数22
8.3事件23
9Window(窗口)23
9.1实例23
9.2参数25
9.3事件26
9.4方法26
10Panel(面板)26
10.1实例26
10.2参数28
10.3事件29
10.4方法29
11Tabs(标签)30
11.1实例30
11.2参数32
11.3事件32
11.4方法33
11.5标签面板属性33
12Tree(树)33
12.1实例33
12.2参数36
12.3事件37
12.4方法37
13Layout(布局)38
13.1实例38
13.2参数39
13.3方法39
14Datagrid(数据表)39
14.1实例39
14.2参数43
14.3Column参数44
14.4事件45
14.5方法46
1Accordion(可折叠标签)
1.1实例
1.1.1代码
$(function(){
$('#aa').accordion({
width:
400,
height:
200,
fit:
false
});
});
auto;padding: 10px;"> #0099FF;">AccordionforjQuery AccordionisapartofeasyuiframeworkforjQuery.Itletsyoudefineyouraccordioncomponentonwebpagemoreeasily.
style="padding: 10px;">content2
1.1.2效果图
1.1.3扩展
实例html代码中
此行也可写成
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),许多属性定义在
参数名称
参数类型
描述
默认值
selected
布尔
设置可折叠标签中默认展开的标签页
false
2DateBox(日期框)
2.1实例
2.1.1代码
DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http:
//www.w3.org/TR/html4/loose.dtd">
href="../themes/default/easyui.css"> functiondisable(){ $('#dd').datebox('disable'); } functionenable(){ $('#dd').datebox('enable'); } /* 将Date/String类型,解析为String类型. 传入String类型,则先解析为Date类型 不正确的Date,返回'' 如果时间部分为0,则忽略,只返回日期部分. */ functionformatDate(v){ if(vinstanceofDate){ vary=v.getFullYear(); varm=v.getMonth()+1; vard=v.getDate(); varh=v.getHours(); vari=v.getMinutes(); vars=v.getSeconds(); varms=v.getMilliseconds(); if(ms>0) returny+'-'+m+'-'+d+''+h+': '+i+': '+s +'.'+ms; if(h>0||i>0||s>0) returny+'-'+m+'-'+d+''+h+': '+i+': '+s; returny+'-'+m+'-'+d; } return''; } $(function(){ $('#dd').datebox({ currentText: '今天', closeText: '关闭', disabled: false, required: true, missingMessage: '必填', formatter: formatDate }); });
DateBox
10px;"> disable(); >disable enable(); >enable