Extjs--FormPanel(2)

最新推荐文章于 2021-02-23 12:25:31 发布

weixin_30602505

最新推荐文章于 2021-02-23 12:25:31 发布

阅读量47

点赞数

原文链接：http://www.cnblogs.com/haiwei_sun/articles/2364300.html

版权

   Ext.onReady(function(){
        Ext.QuickTips.init();
        Ext.form.Field.prototype.msgTarget = 'side';

var form1 = new Ext.FormPanel({
            labelWidth: 75,
            url:"save.php",
            frame:true,
            title:"表单测试一",
            bodyStyle:'padding:5px 5px 0',
            width:350,
            defaults:{width:230},
            defaultType:'textfield',

            items:[{
                 fieldLabel:'姓名',
                 name:'firstname',
                 allowBlank:false
                },{
                  fieldLabel:"昵称",
                  name:'nickname'    
                },{
                  fieldLabel:"公司",
                  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'}]    
        });

     form1.render(document.body);    

   });