ExtJS5学习笔记.docx

ExtJS5学习笔记.docx

《ExtJS5学习笔记.docx》由会员分享，可在线阅读，更多相关《ExtJS5学习笔记.docx（33页珍藏版）》请在冰豆网上搜索。

ExtJS5学习笔记

2015年6月7日16:

18:

08

说明：

（1）Ext.onReady（）:

ExtJSApplication的入口...就相当于Java或C#的main函数.

（2）Ext.MessageBox.alert（）：

弹出对话框。

2015年6月7日16:

22:

40

.x-form-unit

{

height:

22px;

line-height:

22px;

padding-left:

2px;

display:

inline-block;

display:

inline;

}

---->

2015年6月7日15:

52:

55

---->

说明：

（1）varnumberfield=newExt.form.NumberField（）:

创建一个新的NumberField数字文本框对象。

（2）99行，decimalPrecision:

1：

设置小数点后面的位数，当位数超过时系统会自动截断。

（3）100行，minValue:

0.01：

设置数字文本框最小值。

（4）101行，maxValue:

200:

设置最大值。

（5）102行，unitText:

'cm'：

注意，这个属性并非Extjs文本框自带的属性，因为我们要在“身高”的后面加上

单位，所以在23行---43行对文本框进行了重写，重写时添加了属性"unitText"，并且在样式表中加了样式"x-form-unit"。

（6）varhiddenfield=newExt.form.Hidden（）：

创建一个新的Hidden对象，隐藏字段用作参数占位符，

一般用来保存一些不希望用户直接看到的参数，并发送到服务器，例如：

用户ID等。

（7）109行，name:

'userid'：

Hidden对象的名称，这个名称是在服务端接收值的名称。

发送参数格式如下：

userid:

1。

（8）110行，value:

'1'：

发送的值。

（9）vardatefield=newExt.form.DateField（）：

创建一个新的Datefield日期对象,Extjs的日期为英文类型，

所以要加入翻译成中文的js，代码第8行位置。

（10）116行，format:

'Y-m-d'：

日期格式。

（11）117行，editable:

false：

设置为不可编辑。

2015年6月7日15:

54:

49

.x-form-unit

{

height:

22px;

line-height:

22px;

padding-left:

2px;

display:

inline-block;

display:

inline;

}

---->

说明：

（1）varradiogroup=newExt.form.RadioGroup（）:

创建一个新的单选按钮组。

（2）name:

'sex'：

单选按钮组是按照name属性来区分的，同一组中的单选按钮才能单选，

如果name属性设置错误，该按钮将会被认为是其他组。

（3）inputValue:

'0'：

选择框的值。

（4）boxLabel:

'男':

选择框后面的文字说明。

（5）checked.getRawValue（）：

获取选择框的选中值，由于单选框只有一个选中值，可以直接获取，

而复选框可以多选，所以要循环取出。

2015年6月7日16:

14:

40