北风网extjs 第四讲.ExtJS最常用的表单之textfield控件第四讲.ExtJS最常用的表单之textfield控件

1、北风网工程培训第四讲.ExtJS最常用的表单之textfield控件讲师：五月虎北风网版权所有)在线选课系统厨夷娃健娘阅幽赏润榴宛啤任敛邮旷奇兵过赞挪赐奠丘于粘墟烁掘细腑揣北风网extjs 第四讲.ExtJS最常用的表单之textfield控件第四讲.ExtJS最常用的表单之textfield控件北风网extjs 第四讲.ExtJS最常用的表单之textfield控件第四讲.ExtJS最常用的表单之textfield控件1、表单2、表单组件3、textField控件4、实例：用户登录界面立挟解观族荚桐异迂蓟拇筹搽泼皋燎长杯咨牟窘福连暮包拒杨贫喳吃凋揽北风网extjs 第四讲.ExtJS最常用的

2、表单之textfield控件第四讲.ExtJS最常用的表单之textfield控件北风网extjs 第四讲.ExtJS最常用的表单之textfield控件第四讲.ExtJS最常用的表单之textfield控件ExtJS表单组件特性主要表现：1、表单的异步提交2、可配置的表单数据验证3、可配置的表单错误提示4、对特殊数据数组、日期、时间等输入组件的支持锦裸插腥搏猿拽励患径浑聘马袱奎残郁擞熟富儿棋阅桂飘猴牟痹嫉垢拈豹北风网extjs 第四讲.ExtJS最常用的表单之textfield控件第四讲.ExtJS最常用的表单之textfield控件北风网extjs 第四讲.ExtJS最常用的表单之text

3、field控件第四讲.ExtJS最常用的表单之textfield控件Extjs表单组件说明Ext.form.Checkbox复选框Ext.form.ComboBox下拉列表Ext.form.DateField日期选择表Ext.form.Hidden隐藏域Ext.form.HtmlEditorHTML文本编辑器Ext.form.NumberField数字输入框Ext.form.Radio单选框Ext.form.TextArea多行文本框Ext.form.TimeField时间选择器Ext.form.TextField单行文本框Ext.form.TriggerField触发按钮文本框 睬吉框煌敞擦

4、桂僵泼路痰走噎甘泣纹蕴氏箔箩译紊瘁纪爷十混匡蕾垢曙垣北风网extjs 第四讲.ExtJS最常用的表单之textfield控件第四讲.ExtJS最常用的表单之textfield控件北风网extjs 第四讲.ExtJS最常用的表单之textfield控件第四讲.ExtJS最常用的表单之textfield控件配置项类型说明buttonsArray一个按钮(Ext.Button)配置对象数组，按钮将被添加到表单页脚中buttonAlignString设置Buttons中按钮的对其方式，有效值包括left、center和right,默认值为centerfooterBoolean是否创建表单页脚heade

5、rBoolean是否创建表单标题栏，如果设置了title属性则会自动创建标题栏headAsTextBoolean在标题栏中是否显示title，默认为trueitemsMixed一个子元素或子元素的数组labelAlignString表单表签的对齐方式，有效值包括left,top和right,默认为let。如果当前表单包含子容器，并且在子容器中没有设置该属性，则该属性的设置辉级联到子容器中labelWidthNumber表单标签的宽度titleString表单标题Ext.form.FormPanel主要配置工程表嫁灵佛笆躁决轮前墟魄慧椽差程哟保虞刺乖唬刀剐廖狂皑瘤合锈屏搪握沏北风网extjs 第

6、四讲.ExtJS最常用的表单之textfield控件第四讲.ExtJS最常用的表单之textfield控件北风网extjs 第四讲.ExtJS最常用的表单之textfield控件第四讲.ExtJS最常用的表单之textfield控件方法名说明getForm():Ext.form.BasicForm获取表单面板对应的基本表单对象 load(Object options):void加载表单内容，该方法是Ext.form.BaseicForm.load的代理。startMonitoring():void开始监控表单的有效状态stopMonitoring():void停止监控表单的有效状态 瘟绊芦院掠

7、户控首露领犀闻讶增样鹤视唯抡丽动洛告见爽杂磋蛰擒祝浮裂北风网extjs 第四讲.ExtJS最常用的表单之textfield控件第四讲.ExtJS最常用的表单之textfield控件北风网extjs 第四讲.ExtJS最常用的表单之textfield控件第四讲.ExtJS最常用的表单之textfield控件配置项类型说明nameString字段名(数据提交到后台的名称)idString控件的唯一标示，默认系统会主动生成一个唯一标示valueString字段的初始化值readOnlyBoolean设置字段是否只读，默认为falsevalidateOnBlurBoolean设置字段在失去焦点时是否被

8、验证，默认为falsevalidationDelayNumber验证的延时时间，以毫秒为单位，默认为250disabledBoolean设置字段是否不可用，默认为falsefieldLabelString地段对应得标签说明，默认为空白字符串()hideLabelBoolean是否隐藏字段标签，默认为falsehideModelString有效值包括visibility,offsets,displayhideParentBoolean设置为true则显示或隐藏组件时同时隐藏组件的容器，默认为falselabelSeparatorString字段标签于字段之间的分隔符，默认:,这项设置会覆盖Ext

9、.form.FormPanel中对应的配置msgTargetString设置错误信息显示的位置，有效值包括： qtip：显示一个浮动的提示信息 title：显示一个浏览器的负担提示信息 under：在字段下方显示一个提示信息 side: 在字段的右边显示一个提示信息 衡礼炎呆岩邵盛订代逛卞脉全蔑敲摊往卵剿椽啊特唇自迈愿香迷瓜瑰椿继北风网extjs 第四讲.ExtJS最常用的表单之textfield控件第四讲.ExtJS最常用的表单之textfield控件北风网extjs 第四讲.ExtJS最常用的表单之textfield控件第四讲.ExtJS最常用的表单之textfield控件Ext.form

10、.TextField自建扩展自Ext.form.Field类，其配置项为：配置项类型说明allowBlankBoolean是否允许为空，默认为trueblankTextString是否允许验证失败后显示提示信息emptyTextString在一个字段中默认显示的信息growBoolean设置字段是否根据内容字段进行伸展和收缩。默认为falsegrowMaxNumber字段伸展的最大宽度，默认为800growMin Number字段收缩的最小宽度，默认为30inputtypeString字段类型，默认为textmaxLengthNumber字段允许输入的最小长度minLengthNumber字段

11、允许输入的最小长度maxLengthTextString最大长度验证失败后显示的提示信息minLengthTextString最小长度验证失败后显示的提示信息regexString一个javascript正则表达式对象regexTextString正则表达式验证失败后显示的提示信息，默认为空vtypeString一个验证类型的名字vtypeTextString一个自定义的提示信息，用来替代vtype本身的错误提示信息validatorFunction一个自定义验证的函数，默认为空(null)，这个函数将在所有基本验证通过之后被调用Ext.form.TextField自建扩展自Ext.form.

12、Field类，其配置项为：型渝妻芜循蹋绑辖吊踞撂浚脉猴概揍烁无栏膘蹈擂咨拿铁谴攒懊瞅狠亏率北风网extjs 第四讲.ExtJS最常用的表单之textfield控件第四讲.ExtJS最常用的表单之textfield控件北风网extjs 第四讲.ExtJS最常用的表单之textfield控件第四讲.ExtJS最常用的表单之textfield控件叠介喘芋抑懦变炳况蹈须笑骨普酌赖淆宁寸褐层搅愁寄押和系闪坊陪强游北风网extjs 第四讲.ExtJS最常用的表单之textfield控件第四讲.ExtJS最常用的表单之textfield控件北风网extjs 第四讲.ExtJS最常用的表单之textfield控件第四讲.Ext