【原】基础篇:第九篇,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坐标                  
              width:"200",//默认是auto              
              renderTo:"Bind_Field"
        });        
       
//Field组件的方法和事件都比较简单,具体请查看Ext2.2官方文档,如果有不明白的地方在博客里提问解决
        //以上就是Field组件的常用定义。
    }
    Ext.onReady(ready);
    </script>
    </div>
    </form>

posted @ 2009-06-05 13:19  奋斗的萌丫头  阅读(489)  评论(0编辑  收藏  举报