10第十讲ExtJS组件之FormPanel下文档格式.docx
- 文档编号:21618697
- 上传时间:2023-01-31
- 格式:DOCX
- 页数:15
- 大小:17.06KB
10第十讲ExtJS组件之FormPanel下文档格式.docx
《10第十讲ExtJS组件之FormPanel下文档格式.docx》由会员分享,可在线阅读,更多相关《10第十讲ExtJS组件之FormPanel下文档格式.docx(15页珍藏版)》请在冰豆网上搜索。
width:
300,
height:
labelSeparator:
:
labelAlign:
right"
frame:
true,
items:
[
newExt.form.TimeField({
id:
time"
fieldLabel:
时间"
})
]
});
}
);
format属性:
用来设置时间格式。
示例二:
12小时格式,24小时格式。
Ext.QuickTips.init();
//format:
G时i分s秒"
format:
g时i分s秒A"
maxValue属性,设置最大时间。
minValue属性,设置最小时间。
示例三:
设置时间最大值和最小值。
minValue:
12:
22"
maxValue:
14:
时间不在指定区间内提示信息。
maxText属性,设置大于最大时间提示信息。
minText属性,设置小于最小时间提示信息。
示例四:
minText:
时间必须大于{0}"
maxText:
时间必须小于{0}"
invalidText属性:
设置时间格式无效提示信息。
示例五:
invalidText:
请输入正确的时间格式"
DateField日期选择框。
TestDateField"
newExt.form.DateField({
date"
选择日期"
设置最小和最大日期以及提示信息。
12/31/2009"
01/01/2009"
日期不能大于{0}"
日期不能小于{0}"
设置日期格式。
400,
Y年m月d日"
width:
200
指定禁止选择的日期。
200,
disabledDates:
["
2009年05月21日"
],
disabledDatesText:
'
禁止选择该日期'
注意:
这个地方官方有bug,官方发布了解决方案。
代码如下。
Ext.override(Ext.form.DateField,{
initDisabledDays:
function(){
if(this.disabledDates){
vardd=this.disabledDates;
varre="
(?
:
for(vari=0;
i<
dd.length;
i++){
re+=this.formatDate(dd[i]);
if(i!
=dd.length-1)re+="
|"
}
this.ddMatch=newRegExp(re+"
)"
});
设置禁止选择的星期。
disabledDays:
[0,6],//禁止选择星期日和星期六
disabledDaysText:
'
禁止选择星期六和星期日'
Hidden隐藏域。
TestHidden"
newExt.form.TextField({
name:
userName'
width:
150,
姓名'
}),
newExt.form.Hidden({//隐藏域
age'
年龄'
sex'
性别'
FieldSet,可以用来将表单组件进行分组。
TestFieldSet"
newExt.form.FieldSet({
title:
用户信息"
height:
100,
collapsible:
items:
newExt.form.TextField({
name:
username"
fieldLabel:
用户名"
}),
password"
inputType:
密码"
})
]
高级信息"
name"
姓名"
vtype属性,可以用来设置一个常用的校验规则,如邮箱,网址等。
示例:
TestVtype"
电子邮件'
vtype:
email'
vtypeText:
请输入正确的电子邮件格式"
网址'
url'
请输入正确的网址"
字母'
alpha'
请输入正确的字母"
字母和数字'
alphanum'
请输入正确的字母和数字"
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 10 第十 ExtJS 组件 FormPanel