ExtJs中form表单提交的三种方式
来源:互联网 发布:php 字符串转化二进制 编辑:程序博客网 时间:2024/05/16 17:57
第一种:
function login(){
formServer.form.submit();//提交
}
function reset(){
formServer.form.reset();//取消
}
var formServer=new Ext.FormPanel({
frame:true,
width:300,
monitorValid:true,//绑定验证
layout:"form",
labelWidth:70,
title:"添加个人信息",
labelAlign:"left",
renderTo:"formServer",
submit: function(){
this.getEl().dom.action = 'human.do?method=saveHuman',
this.getEl().dom.method='POST',
this.getEl().dom.submit();
},
items:[
{
xtype:"textfield",
fieldLabel:"用户名",
//id:"UserName",
allowBlank:false,
blankText:"不能为空,请正确填写",
name:"UserName",
anchor:"90%"
},
{
xtype:"textfield",
fieldLabel:"昵称",
//id:"SmallName",
name:"SmallName",
anchor:"90%"
},
{
xtype:"datefield",
fieldLabel:"注册日期",
//id:"RegDate",
name:"RegDate",
anchor:"90%"
}],
buttons:[
{
text:"确定",
handler:login,
formBind:true
},
{
text:"取消",
handler:reset
}]
});
第二种:
function login()
{
this.disabled = true; // 登录时将登录按钮设为disabled,防止重复提交
formServer.form.doAction('submit', { //第一个参数可以为submit和load
url : 'human.do?method=saveHuman',
method : 'post',
params : '', // 如果有表单以外的其它参数,可以加在这里。我这里暂时为空,也可以将下面这句省略
// 第一个参数是传入该表单,第二个是Ext.form.Action对象用来取得服务器端传过来的json数据
success : function(form, action) {
Ext.Msg.alert('操作','操作成功!');
this.disabled = false;
},
failure : function(form, action) {
Ext.Msg.alert('警告', '用户名或密码错误!');
// 登录失败,将提交按钮重新设为可操作
this.disabled = false;
}
});
this.disabled = false;
}
第三种:
Ext.Ajax.request({
url: 'login.do', //请求地址
//提交参数组
params: {
LoginName:Ext.get('LoginName').dom.value,
LoginPassword:Ext.get('LoginPassword').dom.value
},
//成功时回调
success: function(response, options) {
//获取响应的json字符串
var responseArray = Ext.util.JSON.decode(response.responseText);
if(responseArray.success==true){
Ext.Msg.alert('恭喜','您已成功登录!');
}
else{
Ext.Msg.alert('失败','登录失败,请重新登录');
}
}
});
- ExtJs中form表单提交的三种方式
- Extjs学习 三种方式提交form表单
- Extjs提交form表单的方式
- Form表单中数据的两种提交方式
- 网页表单form中提交的两种方式
- extjs中form表单提交成功、失败的响应信息
- Extjs的form表单中,如何不提交数据
- jQuery-easyUI的使用:form表单组件及form的三种提交方式
- Form表单提交的两种方式
- form表单的两种提交方式
- form表单提交的两种方式
- form表单的几种提交方式
- form表单提交的几种方式
- Form表单的几种提交方式
- form表单的六种提交方式
- Form表单的6种提交方式
- form表单提交的两种方式
- form表单的提交方式
- 《AppStore审核指南》中文版
- MySQL server has gone away的几种解决办法
- 隐藏内容
- hibernate异常"Found shared references to a collection"
- winfrom 绑定TreeView的实现(三层)
- ExtJs中form表单提交的三种方式
- 高精度整数开根号算法
- Mozilla将发布Windows 8 Metro版Firefox
- Struts2 中使用<jsp:forward> 出现404
- 一些中文字体的英文名称
- 关于 oacle 锁做的 小实验
- ORACLE 学习
- JPA2.0学习笔记---对象/关系映射增强详解
- 关于oracle 锁的实际 解决方法