• 【原】基础篇:第九篇,Ext组件系列之field组件的基本用法


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

    <form id="form1" runat="server">
        <div>
        <div id="Bind_Field"></div>
        <script type="text/javascript">
       
    //这里是把Field很重要的属性列出来 实际在应用的时候不需要将每个属性都列出 也许只需要一个属性就够了。
        function ready()
        {
           
    Ext.QuickTips.init();//用于显示提示信息
            var fieldName = new Ext.form.Field
            ({
                 id:"fieldName",            
                 cls:"",//默认是""            
                 disabled:false,//默认是false             
                 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              
                  listeners:
                  {
                     
    "change":function(){Ext.Msg.alert("提示信息","文本信息发生了改变!");}
                  },              
                  readOnly:false,//内容是否只读,默认false              
                  validateOnBlur:true,//默认是true,失去焦点时验证              
                  validationDelay:300,//默认是250,验证延迟时间,毫秒数              
                  validationEvent:"click",//验证事件 默认是keyup 可以是String/Boolean             
                  value:"TextField组件基本用法",//自定义的信息 默认是:undefined 

                  //x:number,y:number,在容器中的x,y坐标                  
                  "200",//默认是auto              
                  renderTo:"Bind_Field"
            });        
           
    //Field组件的方法和事件都比较简单,具体请查看Ext2.2官方文档,如果有不明白的地方在博客里提问解决
            //以上就是Field组件的常用定义。
        }
        Ext.onReady(ready);
        </script>
        </div>
        </form>

  • 相关阅读:
    Apollo 配置中心
    Sentinel 限流
    soul 网关
    xxl-job 任务管理
    java Young GC排查
    bitmap(位图)
    RabbitMQ一个简单可靠的方案(.Net Core实现)
    从技术角度讨论微服务
    你可能不知道的.Net Core Configuration
    浅谈开发模式及架构发展
  • 原文地址:https://www.cnblogs.com/kelly/p/1496899.html
Copyright © 2020-2023  润新知