`
韩悠悠
  • 浏览: 839783 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

表单组件_v2.2(二)

阅读更多

1、Ext.form.Hidden

 

2、Ext.form.Label

     配置项:

          html:

          text:

 

3、Ext.form.TextField

     配置项:
          allowBlank:是否允许为空,默认为true
          blankText:空验证失败后显示的提示信息
          emptyText:在一个空字段中默认显示的信息
          grow:字段是否自动伸展和收缩,默认为false
          growMin:收缩的最小宽度
          growMax:伸展的最大宽度
          inputType:字段类型:默认为text
          maskRe:用于过滤不匹配字符输入的正则表达式
          maxLength:字段允许输入的最大长度
          maxLengthText:最大长度验证失败后显示的提示信息
          minLength:字段允许输入的最小长度
          minLengthText:最小长度验证失败后显示的提示信息
          regex:正则表达式
          regexText:正则表达式验证失败后显示的提示信息
          vtype:验证类型的名字
               alpha:限制只能输入字母
               alphanum:限制只能输入字母和数字
               email
               url
          vtypeText:验证失败时的提示信息
          validator:自定义验证函数
          selectOnFocus:当字段得到焦点时自动选择已存在的文本,默认为false

 

4、Ext.form.TextArea
      配置项:
           preventScrollbars:是否禁止出现滚动条,默认为false 

 

5、Ext.form.NumberField
      配置项:
           allowDecimals:是否允许输入小数,默认为true
           allowNegative:是否允许输入负数,默认为true
           baseChars:输入的有效数字集合,默认为'0123456789'
           decimalPrecision:数字的精度,默认保留小数点后2位
           decimalSeparator:十进制分隔符,默认为'.'
           maxValue:允许输入的最大数值
           maxText:超过最大值之后的提示信息
           minValue:允许输入的最小数值
           minText:超过最小值之后的提示信息
           nanText:输入非有效数值之后的提示信息

 

6、Ext.form.Checkbox
      配置项:
           boxLabel:复选框的文字描述
           checked:复选框是否被选择,默认为false
           handler:当checked值改变时触发的函数,函数包含两个参数:checkbox、checked
           inputValue:
     方法:
           getValue():返回复选框的checked状态
           setValue( Boolean/String checked ): 

 

7、Ext.form.CheckboxGroup
     配置项:
           allowBlank:是否允许不选择,默认为true
           blankText:
           columns:显示的列数,可选值包括:固定值auto、数值、数组(整数、小数)
           items:对象数组
           vertical:是否垂直方向显示对象,默认为false

 

8、Ext.form.Radio
     方法:
           getGroupValue():
           setValue( value {String/Boolean} ): 

 

9、Ext.form.RadioGroup
     配置项:
           allowBlank:
           blankText:

 

10、Ext.form.ComboBox
      配置项:
           displayField:被显示在下拉框中的字段名
           editable:是否可编辑,默认为true
           forceSelection:输入值是否严格为待选列表中存在的值。如果输入不存在的值,会自动选择第一个最接近的值。
           hiddenName:隐藏字段的名字,如果提供该参数则一个隐藏字段将被创建,用来存储所选值,当表单提交时在服务器端可以通过该名字取得列表中的所选值
           listWidth:下拉列表的宽度
           minListWidth:下拉列表的最小宽度,默认为70像素
           loadingText:当下拉框加载数据时显示的提示信息,只有当mode='remote'时才会生效
           maxHeight:下拉列表框的最大高度,默认为300像素
           minChars:下拉列表框自动选择前用户需要输入的最小字符数量。mode='remote'默认为4,mode='local'默认为0
           mode:下拉列表框的数据读取模式。remote读取远程数据,local读取本地数据
           pageSize:下拉列表框的分页大小。该项设置只在mode='remote'时生效
           queryParam:查询的名字,默认为'query',将被传递到查询字符串中
           allQuery:一个发往服务器用来查询全部信息的查询字符串,默认为空字符串''
           selectOnFocus:当获得焦点时立刻选择一个已存在的列表项。默认为false,此项只有在editable=true时才会生效
           store:列表框绑定的数据源
           transform:将页面中已存在的元素转换为组合框
           lazyInit:延时初始化下拉列表,默认为true
           lazyRender:延时渲染,默认为false
           triggerAction:设置单击触发按钮时执行的默认操作,有效值包括all和query,默认为query,如果设置为all则会执行allQuery中设置的查询
           typeAhead:设置在输入过程中是否自动选择匹配的剩余部分文本(选择第一个满足条件的),默认为false
           value:初始化组合框中的值
           valueField:组合框的值字段
           valueNotFoundText:值不存在时的提示信息
           tpl:Ext模板字符串或模板对象,可以通过该配置项自定义下拉列表的显示方式

     方法:
           clearValue():清空字段当前值
           doQuery( String query, Boolean forceAll ):
           getValue():
           getStore():
           setValue( String value ):

 

11、Ext.form.DateField
     配置项:
           maxValue:允许选择的最大日期
           maxText:当日期大于最大值时的错误提示信息
           minValue:允许选择的最小时间
           minText:当日期小于最小值时的错误提示信息
           format:日期显示格式,默认为“m/d/y”,一般使用“Y-m-d”
               Y:四位年份
               m:带前缀0的月份
               d:带前缀0的日期
               y:两位年份
               n:不带前缀0的月份
               j:不带前缀0的日期
               w:星期的数字,0表示星期日,1代表星期一
           showToday:是否显示今天按钮,默认为true
           altFormats:多个日期输入格式组成的字符串,不同的格式之间使用“|”进行分割,默认值为'm/d/Y|n/j/Y|n/j/y|m/j /y|n/d/y|m/j/Y|n/d/Y|m-d-y|m-d-Y|m/d|m-d|md|mdy|mdY|d|Y-m-d'
           disabledDates:禁止选择的日期组成的数组
           disabledDatesText:选择禁选日期时显示的提示信息
           disabledDays:禁止选择的星期组成的数组,0代表星期日,1代表星期一
           disabledDaysText:选择禁选星期时显示的提示信息
           invalidText:当日期值非法时显示的提示信息
     方法:
           getValue():取得日期值

 

12、Ext.form.FieldSet
      配置项:
           animCollapse:动画折叠,默认为false
           checkboxToggle:设置是否显示字段集的checkbox选择框,默认为false
           checkboxName:指定字段集中用于展开或隐藏字段集面板的checkbox的名字,该属性只有在checkboxToggle为true时生效
           labelWidth:字段标签的宽度,可以级联到子容器
           layout:布局,默认为form 

 

13、Ext.form.TimeField
      配置项:
           maxValue:列表中允许的最大时间
           maxText:当时间大于最大值时的错误提示信息
           minValue:列表中允许的最小时间
           minText:当时间小于最小值时的错误提示信息
           increment:两个相邻选项间的时间间隔,默认为15分钟
           format:显示格式,默认为“g:i A”。一般使用“H:i:s”
                H:带前缀0的24小时
                i:带前缀0的分钟
                s:带前缀0的秒
           invalidText:当时间值非法时显示的提示信息
           altFormats:多个时间输入格式组成的字符串,不同的格式之间使用“|”进行分割

分享到:
评论

相关推荐

    Joomla免费评论组件jcomments_v2.2.0.2

    Joomla免费评论组件jcomments_v2.2.0.2是一款专为Joomla内容管理系统设计的第三方评论系统。它提供了一个交互性强、功能丰富的平台,让用户可以在网站内容下方发表、回复评论,提升用户参与度和社区活跃度。该组件...

    TGIFImage.v.2.2.D7.rar_GIFImage delphi_GifImage 2.2_TGIFImage de

    1. **导入组件**:在Delphi的组件面板上,将TGIFImage组件拖放到表单上。 2. **加载GIF**:通过`TGIFImage.LoadFromFile`或`LoadFromStream`方法加载GIF文件。 3. **设置属性**:如调整动画速度`AnimateSpeed`,设置...

    X-admin-v2.2前端框架

    - **用户管理**:可以使用X-admin的表格组件展示用户列表,通过layui的表单组件实现用户信息的编辑和新增。 - **角色分配**:利用多选框和下拉框组件,实现角色权限的分配,支持批量操作。 - **日志监控**:集成日志...

    X-admin-v2.2.rar

    - 全面性:X-admin-v2.2包含了layui的全部组件,无论是基本元素还是复杂功能,如表格排序、筛选、分页,或是表单验证,都能轻松应对。 - 一致性:页面设计遵循统一的UI风格,确保用户在操作过程中体验连贯,降低...

    inspinia_admin-v2.2

    综上所述,"inspinia_admin-v2.2"是一个功能强大的后台管理模板,它提供的资源和组件能够极大地提高开发效率,减少重复工作,同时保证了最终产品的质量和用户体验。如果你正在进行后台管理系统开发,这个模板会是一...

    无惧上传类 V2.2脚本和使用手册

    "无惧上传类 V2.2脚本和使用手册"是一个专为Web开发设计的文件上传组件,由作者梁无惧编写。这个组件的核心目标是简化网页上的文件上传功能,提供安全、高效的解决方案,帮助开发者在网站上实现用户友好的文件上传...

    TVideoGrabber_Video_SDK_v10.6.2.2_D2010_Win_32_BPL_DCUs_Only_Downloadly.ir.rar

    总结,TVideoGrabber Video SDK v10.6.2.2为Delphi开发者提供了强大的视频处理能力,结合D2010的特性和BPL、DCU组件,能帮助开发者高效地开发出高质量的音视频应用。通过深入理解和熟练运用这个SDK,开发者可以创造...

    x-admin v2.2模版 html5模版 网页模版

    模版采用了扁平化设计风格,色彩搭配和谐,图标精美,布局合理,提供了丰富的组件和页面示例,如登录、注册、表格、图表、表单等,满足了后台管理系统的常见需求。同时,模版支持响应式布局,能自动适应不同屏幕尺寸...

    AdminLTE-admin 轻量级权限管理框架 v2.2.zip

    6. **模板设计**:预设了多种后台页面模板,包括仪表盘、表单组件、数据列表、图表展示等,让开发者可以快速搭建起一个具有专业外观的管理界面。 7. **文档支持**:"说明.htm"文件很可能是框架的使用指南或API文档...

    渴切-开源中文css框架v2.2

    渴切,一个以中文命名的开源CSS框架,其最新版本为v2.2,是对原有的ThinkCSS框架的进一步发展和优化。这个框架旨在为开发者提供更便捷、更符合中文使用习惯的前端开发工具,帮助他们快速构建响应式、美观且易用的...

    TMS IntraWeb Component Pack Pro v2.2.0.1

    "TMS IntraWeb Component Pack Pro v2.2.0.1"这个文件可能是安装程序或者更新包,用于安装或升级该组件包。 总之,TMS IntraWeb Component Pack Pro v2.2.0.1是Delphi开发者在Web领域进行创新和提高生产率的理想...

    SWFUpload v2.2.0.1 源码示例经典 详细注释

    6. **源码注释**:SWFUpload v2.2.0.1的源码带有详细注释,这对于开发者理解其内部工作原理、调试代码或进行二次开发非常有价值。通过阅读这些注释,开发者可以了解每个函数的作用,以及如何根据需求定制功能。 在...

    Angulr v2.2 响应式 后台模版 Bootstrap Template

    **Angular v2.2 响应式后台模板 Bootstrap Template** AngularJS 2.2 是一个重大的升级,它带来了许多改进和新特性,使得开发者能够更高效地构建高性能的单页应用程序(SPA)。这个模板是基于Angular 2.2版本构建的...

    MKVExtract GUI v2.2.2.5 (MKV分解,Delphi 源程序)

    MKVExtract GUI v2.2.2.5 是一个基于Delphi开发的工具,用于分解MKV视频文件,提取其中的视频、音频和字幕轨道。这个程序的源代码提供了深入理解MKV文件结构和如何操作这些文件的宝贵资源。 首先,让我们了解一下...

    ASP源码—megabbs v2.2.zip

    在解压"ASP源码—megabbs v2.2.zip"后,文件132688976280185784可能是这个论坛系统的核心组件或者数据库配置文件,可能包含如下内容: 1. ASP源文件:这些文件包含了论坛的逻辑代码,如处理用户请求、验证用户身份、...

    asp无惧上传类UpFileClassV2.2.rar

    "无惧上传类UpFileClassV2.2"是一款针对ASP环境设计的文件上传组件,它简化了ASP程序中的文件上传操作,提供了安全、方便的接口。 UpFileClass是这个组件的核心类,它包含了处理文件上传所需的各种功能。例如,它...

    无惧无组件上传类,ASP无组件上传

    在ASP(Active Server Pages)开发环境中,有时候我们需要实现文件上传功能,但并不想或者不能安装额外的组件。"无惧无组件上传类,ASP无组件上传"就是针对这种情况提出的一种解决方案,它允许开发者在不依赖任何第三...

    X-admin经典前端后台管理模板 v2.2.zip

    《X-admin经典前端后台管理模板 v2.2》是一款广泛应用于软件工具开发、源码学习、毕业设计论文以及计算机案例研究的重要资源。该模板基于HTML5、CSS3和JavaScript技术,为开发者提供了一套完整的后台管理系统界面...

    ASP源码—非零坊邮件投稿源码 v2.2.zip

    【ASP源码—非零坊邮件投稿源码 v2.2.zip】是一个包含ASP语言编写的邮件投稿系统的源代码包。这个系统主要用于网站接收用户的投稿,通过电子邮件的方式进行提交。 ASP(Active Server Pages)是微软开发的一种服务器...

Global site tag (gtag.js) - Google Analytics