Ext.form.field.Text (xtype: textfield) 一般使用在表单(Form)面板中用于接收一般的输入, textfield对应标准html 的 文本类型的input 。其可以作为更复杂的输入控件的基类(比如Ext.form.field.TextArea或Ext.form.field.ComboBox)。

基本使用

Ext.form.field.Text , 对应的xtype是 textfield 。该类型的组件一般使用在form 中,也可以单独使用。
输入框组件的创建很简单, 针对不同的方式,创建的代码如下:

  1. 创建式

Ext.create('Ext.form.field.Text',{fieldLabel:'创建式'})
  1. 配置式

{fieldLabel:'配置式',xtype:'textfield'}

以上定义显示的效果如下:

字段的值的验证配置

  • allowBlank , 栏位必填
  • minLength , 值的最短长度
  • maxLength , 用于设置最大值长度(使用 enforceMaxLength 将其添加为输入元素上的 maxlength 属性)
  • regex 自定义正则表达式对值进行验证

[Ext JS]3.2.2 文本输入框textfield相关推荐

  1. Flutter文本输入框TextField控制器TextEditingController,TextField预设内容,获取TextField中的输入内容,兼听TextField中的内容变化

    题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精. github? 你可能需要 百度同步 CSDN 网易云课堂教程 掘金 知乎 Flutter系列文章 头条同步 本文章首发于微信公众号( ...

  2. html input标签 显示放大镜,JS 仿支付宝input文本输入框放大组件的实例

    input输入的时候可以在后边显示数字放大镜 JS 仿支付宝input文本输入框放大组件 * { margin: 0; padding: 0; border-width: 1px; } .parent ...

  3. Flutter文本输入框TextField的焦点控制

    题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精. github? 你可能需要 百度同步 CSDN 网易云课堂教程 掘金 知乎 Flutter系列文章 头条同步 本文章首发于微信公众号( ...

  4. 【鸿蒙 HarmonyOS】UI 组件 ( 文本输入框 TextField 组件 )

    文章目录 一.布局中设置 TextField 组件 二.代码中获取并设置 TextField 组件 一.布局中设置 TextField 组件 TextField 组件是文本输入框 , 允许用户在界面中 ...

  5. Flutter文本输入框-TextField

    TextField 文本输入框,类似Android中的EditText TextField(cursorColor: Colors.blue,cursorHeight: 15,cursorRadius ...

  6. Flutter文本输入框TextField属性(InputDecoration、textInputAction、inputFormatters等等)详解

    文章目录 TextField TextField decoration keyboardType TextField textInputAction TextField onChanged TextF ...

  7. Flutter中文本输入框TexeFieldr键盘样式TextInputType总结TexeField设置不可编辑

    题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精,即是折腾每一天. TextField 系列文章 TextField的基本使用以及TextField常用属性精讲<点击查看详情> ...

  8. flutter text 左对齐_flutter输入框TextField中文本textAlign对齐分析篇

    当我们在使用一个 TextField 构建一个输入框时,会有如下效果: 在实际应用程序的开发中,有时我们会希望输入的文字居中对齐或者是右对齐,那么就应用到了我本文章中所讲述内容,凡是涉及到一个内容,我 ...

  9. flutter输入框TextField中文本textAlign对齐分析篇

    题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精,即是折腾每一天. 重要消息 精通点的可以查看这里 精述 Flutter 从入门实践到开发一个APP之UI基础篇 视频 flutter从入 ...

最新文章

  1. jquery之仿京东菜单
  2. python学习之正则表达式练习:编写一个计算器
  3. VS2012 中 c++项目中的各个选项介绍
  4. python学习实例(6)
  5. 多元有序logistic回归_R语言多元Logistic逻辑回归 应用案例
  6. 5个技巧让你更好的编写 JavaScript(ES6) 中条件语句
  7. 硬核! BAT 究竟是怎么玩转中台的!
  8. 【牛腩新闻发布系统】开始
  9. VC++软件授权加密与管控(附demo)
  10. idea 项目启动报错:Missing artifact com.oracle:ojdbc7:jar:12.1.0.1的处理方式
  11. 向iframe载入html,为iFrame添加动态载入效果,提高用户体验
  12. 先验 超验_三个世界的划分:经验、超验、先验
  13. Boost Asio介绍
  14. 2020年7月19日训练总结
  15. Delphi Android 下的定时对话框
  16. 使用java实现简单五子棋
  17. HDU_1709 The Balence (生成函数)
  18. 毕设经典-人事档案管理系统(layer+SSM)-AOP介绍
  19. [ 数据库原理 ] 函数依赖关系
  20. 涂书笔记-让读书笔记不再困难

热门文章

  1. VS2013 未找到与約束ContractName
  2. php 数据处理--合并,拆分,追加,去重
  3. Android教程 -07 Activity的任务栈和启动模式
  4. Linq中常用的方法
  5. 如何修改wampserver中mysql中字符编码的解决方案
  6. 异常:Invalid character found in the request target. The valid characters are defined in RFC 3986
  7. 腾讯QQ看点信息流推荐业务:内容分发场景的多目标架构实践
  8. 【报告分享】元宇宙发展研究报告2.0-清华大学.pdf(附下载链接)
  9. 【报告分享】交通运输行业:2019年度中国主要城市交通分析报告.pdf(附下载链接)...
  10. 腾讯广告算法大赛官方“开挂”,为你直播赛题解析!