Ext 入门的简单 formPanel
Ext.onReady(function() {//动态切换图片,不赋值,讲联网ext官网查询Ext.BLANK_IMAGE_URL = '../ext-2.2/resources/images/default/s.gif';//初始化信息提示框Ext.QuickTips.init();// turn on validation errors beside the field globally//定义统一错误提示的样式 1、qtip 2、title 3、under 4、sideExt.form.Field.prototype.msgTarget = 'side';var bd = Ext.getBody();/* * ================ Simple form ======================= */bd.createChild({tag : 'h2',html : '简单的form panel'});var simple = new Ext.form.FormPanel({labelWidth : 75,url : '#',frame : true,title : 'Ext.form.FormPanel',bodyStyle : 'padding:5px 5px 0',width : 350,defaults : {width : 230},defaultType : 'textfield',items : [{fieldLabel : 'First Name',name : 'first',allowBlank : false}, {fieldLabel : 'Last Name',name : 'last'}, {fieldLabel : 'Company',name : 'company'}, {fieldLabel : 'Email',name : 'email',vtype : 'email'}, new Ext.form.TimeField({fieldLabel : 'Time',name : 'time',minValue : '8:00am',maxValue : '6:00pm'})],buttons : [{text : 'Save'}, {text : 'Cancel'}]});simple.render(document.body);});
页:
[1]