Extjs form表单提交登陆例子


//以下是表单 
var memberAddWindow; 
 
//文章标题 
var articletitle = new Ext.form.TextField({ 
 fieldLabel:'文章标题', 
 name:'memberName',    //必须指名name属性.用于将参数传出去.参数名:name属性值,如'memberName'.参数值:'memberName'对应的文本框的值. 
 allowBlank:false, 
 anchor:'90%' 
 }); 
 
 //表单对象 
var memberForm = new Ext.FormPanel({ 
 
 title: '添加新文章信息', 
 
 url:'./member_manage.jsp?command=insert', 
 
 items: [articletitle], 
 buttons:[ 
 { 
         text:'提交', 
         handler : function(){ 
     if ( memberForm.getForm().isValid() )           //表单数据进行验证 
     memberForm.getForm().submit({                  //提交表单 
       waitMsg:'保存中,请稍后...',                   //表单提交等待过程中,出现的等待字符 
       success : function(re,v){              //表单提交成功后,调用的函数.参数分为两个,一个是提交的表单对象,另一个是JSP返回的参数值对象 
        var jsonobject = Ext.util.JSON.decode(v.response.responseText);   //将返回的JSON数据转换成JSON对象,转换失败即报错. 
        // Ext.Msg.alert("msg,oject",jsonobject.msg);          // 用JSON对象获取JSON数据的值 
        memberForm.getForm().reset();           //表单中所有数据置空 
        memberAddWindow.hide();                 //表单隐藏 
        bbscenter.getRootNode().reload();       // 重新加载树结点. 
          } 
     failure : function(){ 
      Ext.Msg.alert("msg,oject",jsonobject.msg);      //返回失败 
      }); 
    } 
  },{ 
      text:'取消', 
      handler : function(){ 
     memberForm.getForm().reset(); 
     memberAddWindow.hide(); 
   } 
  }] 
    }); 
   
    //窗体对象 
function addarticle(){ 
     if(!memberAddWindow){ 
  memberAddWindow = new Ext.Window({ 
       el:'window_win', 
       layout:'fit', 
 
       closable:true, 
       closeAction:'hide', 
          plain:true, 
       items: [memberForm] 
   }); 
     } 
 memberAddWindow.show(Ext.get('newWindowButton')); 
}   
 



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值