《北风网extjs 第四讲.extjs最常用的表单之textfield控件第四讲.extjs最常用的表单之textfield控件【课件】》由会员分享，可在线阅读，更多相关《北风网extjs 第四讲.extjs最常用的表单之textfield控件第四讲.extjs最常用的表单之textfield控件【课件】（10页珍藏版）》请在金锄头文库上搜索。
1、北风网工程培训北风网工程培训第四讲.ExtJS最常用的表单之textfield控件讲师：五月虎北风网版权所有)在线选课系统课程知程知识1、表单2、表单组件3、textField控件4、实例：用户登录界面ExtJS-表表单ExtJS表单组件特性主要表现：1、表单的异步提交2、可配置的表单数据验证3、可配置的表单错误提示4、对特殊数据数组、日期、时间等输入组件的支持ExtJS-表表单组件件Extjs表单组件说明Ext.form.Checkbox复选框Ext.form.ComboBox下拉列表Ext.form.DateField日期选择表Ext.form.Hidden隐藏域Ext.form.Html
2、EditorHTML文本编辑器Ext.form.NumberField数字输入框Ext.form.Radio单选框Ext.form.TextArea多行文本框Ext.form.TimeField时间选择器Ext.form.TextField单行文本框Ext.form.TriggerField触发按钮文本框 ExtJS-FormPanel主要配置主要配置配置项类型说明buttonsArray一个按钮(Ext.Button)配置对象数组，按钮将被添加到表单页脚中buttonAlign String设置Buttons中按钮的对其方式，有效值包括left、center和right,默认值为center
3、footerBoolean是否创建表单页脚headerBoolean是否创建表单标题栏，如果设置了title属性则会自动创建标题栏headAsText Boolean在标题栏中是否显示title，默认为trueitemsMixed一个子元素或子元素的数组labelAlignString表单表签的对齐方式，有效值包括left,top和right,默认为let。如果当前表单包含子容器，并且在子容器中没有设置该属性，则该属性的设置辉级联到子容器中labelWidthNumber表单标签的宽度titleString表单标题主要配置工程表方法名说明getForm():Ext.form.BasicForm
4、获取表单面板对应的基本表单对象 load(Object options):void加载表单内容，该方法是Ext.form.BaseicForm.load的代理。startMonitoring():void开始监控表单的有效状态stopMonitoring():void停止监控表单的有效状态 ExtJS-FormPanel常用方法常用方法ExtJS-表表单字段字段配置项类型说明nameString字段名(数据提交到后台的名称)idString控件的唯一标示，默认系统会主动生成一个唯一标示valueString字段的初始化值readOnlyBoolean设置字段是否只读，默认为falsevalid
5、ateOnBlurBoolean设置字段在失去焦点时是否被验证，默认为falsevalidationDelay Number验证的延时时间，以毫秒为单位，默认为250disabledBoolean设置字段是否不可用，默认为falsefieldLabelString地段对应得标签说明，默认为空白字符串()hideLabelBoolean是否隐藏字段标签，默认为falsehideModelString有效值包括visibility,offsets,displayhideParentBoolean设置为true则显示或隐藏组件时同时隐藏组件的容器，默认为falselabelSeparatorStri
6、ng字段标签于字段之间的分隔符，默认:,这项设置会覆盖Ext.form.FormPanel中对应的配置msgTargetString设置错误信息显示的位置，有效值包括： qtip：显示一个浮动的提示信息 title：显示一个浏览器的负担提示信息 under：在字段下方显示一个提示信息 side: 在字段的右边显示一个提示信息 自建扩展自类，其配置项为：配置项类型说明allowBlankBoolean是否允许为空，默认为trueblankTextString是否允许验证失败后显示提示信息emptyTextString在一个字段中默认显示的信息growBoolean设置字段是否根据内容字段进行伸展
7、和收缩。默认为falsegrowMaxNumber字段伸展的最大宽度，默认为800growMin Number字段收缩的最小宽度，默认为30inputtypeString字段类型，默认为textmaxLengthNumber字段允许输入的最小长度minLengthNumber字段允许输入的最小长度maxLengthTextString最大长度验证失败后显示的提示信息minLengthTextString最小长度验证失败后显示的提示信息regexString一个javascript正则表达式对象regexTextString正则表达式验证失败后显示的提示信息，默认为空vtypeString一个验证类型的名字vtypeTextString一个自定义的提示信息，用来替代vtype本身的错误提示信息validatorFunction一个自定义验证的函数，默认为空(null)，这个函数将在所有基本验证通过之后被调用ExtJS表表单-TextField自建扩展自类，其配置项为：ExtJS菜菜单栏-实例：用例：用户登登录界面界面欢送访问我们的官方网站
