jquery培训文档.doc
- 文档编号:1223720
- 上传时间:2023-04-30
- 格式:DOC
- 页数:45
- 大小:640KB
jquery培训文档.doc
《jquery培训文档.doc》由会员分享,可在线阅读,更多相关《jquery培训文档.doc(45页珍藏版)》请在冰点文库上搜索。
jqueryeasyui中文培训文档
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