<mce:script type="text/javascript"><!-- /* 其他表单字段都从Ext.form.Field类中扩展 Ext.form.Field主要配置项表: name String 字段名(数据提交后台的名称) id String 控件唯一表示(系统会自动生成) value String 字段初始化值 readOnly Boolean 是否只读 validateOnBlur Boolean 字段失去焦点时是否被验证(默认true) validationDelay Number 验证延时(默认250毫秒) disabled Boolean 字段是否不可用‘ fieldLabel String 字段对应标签说明(默认'') hideLabel Boolean 是否隐藏字段标签(默认false) hideMode String 值:visibility,offsets,display hideParent Boolean true显示隐藏组件同时显示隐藏其容器(默认false) labelSeparator String 字段标签于字段间分隔符(默认':') msgTarget String 设置错误信息显示位置:qtip:显示浮动提示信息 title:显示一浏览器浮动提示信息 under:在字段下方显示一提示信息 side:在字段右边显示一提示信息 */ Ext.onReady(function(){ Ext.BLANK_IMAGE_URL = '../extjs2.0/resources/images/default/s.gif'; Ext.QuickTips.init(); //初始化信息提示功能 var config = { title:'信息提示(qtip)', //表单标题 height:100, //表单高度 width:300, //表单宽度 frame:true, //是否渲染表单 labelSeparator:':', //分隔符 labelWidth:60, //标签宽 labelAlign:'right', //标签对齐方式 renderTo:'form', //表单定位 //表单子元素数组 items:[ //单行文本框 new Ext.form.TextField({ fieldLabel:'姓名', //标签内容 allowBlank:false, //是否允许空 blankText:'请输入姓名', //为空之后的错误信息提示 msgTarget:'qtip' //显示浮动信息提示框 //msgTarget:'title' //msgTarget:'under' //注意表单高度! //msgTarget:'side' //注意表单宽度! }), //数字框 new Ext.form.NumberField({ fieldLabel:'年龄', allowBlank:false, blankText:'请输入年龄', msgTarget:'qtip' }) ] } var form = new Ext.form.FormPanel(config); }); // --></mce:script>