博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
『ExtJS』表单(一)常用表单控件及内置验证
阅读量:7053 次
发布时间:2019-06-28

本文共 1089 字,大约阅读时间需要 3 分钟。

  hot3.png

几点说明


  1. 关于ExtJS的表单,我打算分为三个部分来写
    1. 常用表单控件及内置验证 —— 这里主要是JS代码
    2. 表单行为与Asp.NET页面的消息回复 —— 这里既有JS代码,与有C#代码,我主要是使用Asp.NET来写程序
    3. 表单控件的自定义验证与事件侦听
  2. 其实还应该有一块是关于ExtJS中「代理」的使用的,我打算单独来写。
  3. 这里使用的代码不可以直接复制运行,因为我们的环境多多少少会有一些不同,所以代码部分仅供参考。

 

代码运行结果


 

代码


IDE: VS2010 SP1

版本:3.4.0

操作系统:Windows 7 32位 旗舰版

 

后台Asp.NET页面代码    『ExtJS』表单(一)常用表单控件及内置验证    

代码说明


  1. 代码中的关键配置项我已经注释好了,注释的内容来自官方API文档,所以请对其正确性放心。
  2. 以下是我个人对这段代码的解释,仅供参考……
    1. Ext.QuickTips.init(); 这个是用于配合验证的,添加上这句话之后,就可以实现所谓的「气泡」提示了。
    2. var classesStore = new Ext.data.SimpleStore 这里我实例化了一个数据源(请暂且这么认为),目的是在之后给Combox绑定下拉数据项。
    3. url: '../jsonresponse.aspx' 这个 是指示将form提交到什么地方,又从什么地方获取到回复。
    4. 表单的常用控件,用于标注在 xtype 处:
      1. 文本框:textfield
      2. 数字文本框:numberfield
      3. 下拉列表:combo
      4. 单选按钮:radio —— 这里注意,我们可以指定多个同名的radio,从而达到从多个值中只能选择一个的效果
      5. 复选框:checkbox
      6. 日期选择:datefield
        1. disabledDays 配置项表示不可选择的日期,值为「0~6」,分别对应「周日~周六」
      7. 时间选择:timefield
        1. increment 配置顶表示间隔时间
      8. 文本域:textarea 或 htmleditor
        1. textarea 是纯文本编辑
        2. htmleditor 是富文本编辑器
    5. vtype 这个是验证用的,常用的是 email alpha(字符型)
    6. listeners 是控件事件的侦听器,有关内容请见官方文档,之后我也会整理出一个最简单的使用方法

 

其他


注意:这里只列出了表单的xtype所对应的组件,想要知道更多的,还是要到官方的API文档中查询。

转载于:https://my.oschina.net/skyler/blog/706182

你可能感兴趣的文章
服务器双网卡导致的网络故障及解决方案
查看>>
强力促销推动移动购物崛起
查看>>
软件外包相关职业规划
查看>>
几种数据库建模工具推荐(包含开源版)
查看>>
大中型网站集群架构企业级高标准全自动实战项目征集
查看>>
7.5 TableLayout布局详解
查看>>
【虚拟化实战】存储设计之二LUN Sizing
查看>>
SCCM2012系列之八,SCCM2012客户机发现
查看>>
禁用和删除Exchange邮箱深入探讨
查看>>
QQ群排名自动吸粉,同样是玩群,为什么他们这么牛?
查看>>
nagios监控web/mysql多角度实战分享(三)
查看>>
互联网公司的项目经理:别轻易脚踩两只船
查看>>
《统一沟通-微软-实战》-7-配置-4-未分配号码的通知
查看>>
【DevOps】从理念到实施
查看>>
MySQL数据库CPU飙升紧急处理方法
查看>>
cocos2d-x一些核心概念介绍
查看>>
SCCM2012 R2实战系列之五:发现方法
查看>>
Windows10-AzureAD的支持,云的落地
查看>>
手把手教你使用ECharts绘制可视化图表
查看>>
Tomcat端口被占用解决方法(不用重启)
查看>>