【原】基础篇:第九篇,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>