本章介绍Ext.form.TextField组件的基本用法:

<form id="form1" runat="server">
    <div>
    <div id="Bind_TextField"></div>
    <br />
    <div id="Bind_Button"></div>
    <script type="text/javascript">
    //这里是把TextField很重要的属性列出来 实际在应用的时候不需要将每个属性都列出 也许只需要一个属性就够了。
    function ready()
    {
        Ext.QuickTips.init();
        var textfieldName = new Ext.form.TextField
        ({
              id:"textfieldName",
             
              allowBlank:false,//默认是true,如果是false,就是不允许空
             
              //假如不为空时,定义提示信息 默认的提示信息是:This field is required
              //要使提示内容出现,需要添加 Ext.QuickTips.init();
              blankText:"请输入数据",
             
              disabled:false,//默认是false
             
              emptyText:"请正确输入数据",//默认是null
             
              fieldLabel:"用户名称",//默认是""
             
              height:"auto",//默认是auto
             
              hidden:false,//默认是false
             
              hideLabel:false,//默认是false
             
              hideMode:"offsets",//默认display,可以取值:display,offsets,visibility
             
              inputType:"text",//输入类型 这个很重要,可以是radio, text, password, file 默认是text
             
              invalidText:"invalidText:只能够输入数字",//默认是:The value in this field is invalid
             
              maxLength:100,//能够输入的内容的最大长度
             
              maxLengthText:"输入内容太长了",//超出最大长度的设置信息
             
              minLength:2,//能够输入的内容的最小长度
             
              maxLengthText:"输入内容太短了",//没有达到最小长度的设置信息
             
              readOnly:false,//内容是否只读,默认false
             
              regex:/^\d$/, //正则表达式 这里假设只允许输入数字 如果输入的不是数字 就会出现下面定义的提示信息
              
              regexText:"regexText:只能够输入数字", //定义不符合正则表达式的提示信息
              
              validateOnBlur:true,//默认是true,失去焦点时验证
             
              validationDelay:300,//默认是250,验证延迟时间,毫秒数
             
              validationEvent:"click", //验证事件 默认是keyup 可以是String/Boolean
              
              //自定义的验证函数 当输入的数据不符合正则表达式的要求时,就会执行这个函数
              validator:function(){Ext.Msg.alert("提示信息","只能够输入数字");},
             
              value:"",//自定义的信息 默认是:undefined            
             
              //x:number,y:number,在容器中的x,y坐标   
             
              width:"auto",//默认是auto
             
              renderTo:"Bind_TextField"
           
        });
        
        //TextField组件的方法和事件都比较简单,具体请查看Ext2.2官方文档,如果有不明白的地方在博客里提问解决
        //以上就是TextField组件的常用定义。
    }
    Ext.onReady(ready);
    </script>
    </div>
    </form>

Ext文本输入框:Ext.form.TextField属性汇总(转) (的更多相关文章

  1. 8. Ext文本输入框:Ext.form.TextField属性汇总

    转自:https://blog.csdn.net/ryuudenne/article/details/8834650 Ext.form.TextField主要配置表: allowBlank       ...

  2. 86. Ext文本输入框:Ext.form.TextField属性汇总

    转自:https://blog.csdn.net/ryuudenne/article/details/8834650 Ext.form.TextField主要配置表: allowBlank       ...

  3. 49.Ext.form.TextField()基本用法

    转自:https://blog.csdn.net/toudoulin/article/details/6719163 var textfieldName = new Ext.form.TextFiel ...

  4. Flutter TextField 文本输入框的基本属性及详解

    TextField 文本输入框 源码分析: const TextField({ Key key, this.controller, // 控制正在编辑文本 this.focusNode, // 获取键 ...

  5. ext3中xtype属性汇总

    基本组件: xtype Class 描述 button Ext.Button 按钮 splitbutton Ext.SplitButton 带下拉菜单的按钮 cycle Ext.CycleButton ...

  6. Extjs-工具条和菜单 Ext.menu和Ext.Toolbar

    转载自:http://blog.csdn.net/itlwc/article/details/7878002 1.创建一个简单工具条效果图 <script type="text/jav ...

  7. 【转载】Ext中关于Ext.QuickTips.init()的使用

    免责声明:     本文转自网络文章,转载此文章仅为个人收藏,分享知识,如有侵权,请联系博主进行删除.     原文作者:然嗄      原文地址:http://www.cnblogs.com/jia ...

  8. Ext JS学习第十三天 Ext基础之 Ext.Element

    •Ext.Element提供了181个方法,嗯,还没完,只是在4.1版本中是这样,最新的4.2版本貌似又增加了新方法,可谓是相当丰富给力.那么根据操作类型基本可以分为查询系.DOM操作系.样式操作系. ...

  9. Ext中关于Ext.QuickTips.init()的使用

    在extJS的例子中,大部分都在程序第一行使用了如下语句:Ext.QuickTips.init();但是QuickTips的用处是什么呢?我们看一段最简单的代码: <html> <h ...

随机推荐

  1. Tomcat参数调优包括日志、线程数、内存【转】

    [Tomcat中日志打印对性能测试的影响] 一般都提供了这样5个日志级别: ▪ Debug ▪ Info ▪ Warn ▪ Error ▪ Fatal 由于性能测试需要并发进行压力测试,如果日志级别是 ...

  2. linux用户修改用户shell

    要拒绝系统用户登录,可以将其shell设置为/usr/sbin/nologin或者/bin/false # usermod -s /usr/sbin/nologin username 或者 # use ...

  3. 338.Counting Bits---位运算---《剑指offer》32

    题目链接:https://leetcode.com/problems/counting-bits/description/ 题目大意:求解从0到num的所有数的二进制表示中所有1的个数. 法一:暴力解 ...

  4. 头像截图上传三种方式之一(一个简单易用的flash插件)(asp.net版本)

    flash中有版权声明,不适合商业开发.这是官网地址:http://www.hdfu.net/ 本文参考了http://blog.csdn.net/yafei450225664/article/det ...

  5. php PDO判断连接是否可用的方法

    转载自:傲雪星枫  原文地址: http://blog.csdn.net/fdipzone/article/details/53117541 mysql_ping() 检查到服务器的连接是否正常.如果 ...

  6. 洛谷P1008三连击 题解

    题目传送门 使用dfs搜索,搜索9个数字,注意回溯...最后判断是否符合条件,输出. #include<bits/stdc++.h> using namespace std; ],a[]; ...

  7. python快速教程-vamei

    2016年10月26日 12:00:53 今天开始着手python的学习,希望能高效快速的学完! Python基础(上)... 7 实验简介... 7 一.实验说明... 8 1. 环境登录... 8 ...

  8. VuGen录制选项Recording Options

  9. 解析Excel

    package com.jpcar.utils; import java.io.File; import java.io.FileInputStream; import java.io.IOExcep ...

  10. 【SQL SERVER】T-SQL 字符串前加 N 是什么意思

    比如 select @status = N'stopped' 那么其中的字符串 stopped 前面为什么要加 N 呢?而且我们发现有些地方加 N 与否都没有影响,有些地方又必须加 N. N 在这里表 ...