Extjs -- FormPanel基础

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

weixin_30439031

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

阅读量59

点赞数

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

版权

function simpleForm(){
    
    var fpanel =  new Ext.form.FormPanel({
          title:"用户基本信息",
          width:400,
          height:400,
          //labelAlign:"right",
          labelWidth:60,
          //fileUpload:true,//component
          buttons:[{text:"提交",handler:function(){//BasicForm FormPanel
              fpanel.getForm().submit({url:"xxxx",success:function(){
                 Ext.Msg.alert("提示","数据保存成功");
              }});
          }},{text:"重置",handler:function(){
              // 取得值 fpanel.form.findField("name").getValue();
                  fpanel.form.reset();
          }},{text:"设置",handler:function(){
                  fpanel.form.setValues({name:"dfsdf",email:"iixiaowei.163.com"});
          }},{text:"加载数据",handler:function(){
                  fpanel.form.load({url:"getdata.xml",params:{id:5}});
          }}],
          items:[{
               xtype:'textfiled',
               fieldLabel:"姓名",
               name:"name"
             },{
               xtype:"textfield",
               fieldLabel:"密码",
               inputType:"password",
               name:"password"
             },{
                  xtype:"textfield",
                  fieldLabel:"电子邮件",
                  name:"email"
             },{
                  xtype:"datefield",
                  fieldLabel:"出生日期",
                  name:"bornDate"
             },{
                  xtype:"textarea",
                  fieldLabel:"简介",
                  name:"intro"
             }]
        });
        
       fpanel.render(document.body); 
    
}

Ext.onReady(simpleForm);