extjs表单的非ajax提交方式

hackbomb

浏览: 216711 次
性别:
来自: 上海

最近访客更多访客>>

181822498

zcediaos

土豆-.-

Bll

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Ajax EXT Struts JavaScript CSS

ext
EXT提交服务器的三种方式(转)
EXT表单的非ajax提交
使用extJs 2.0的form提交表单（非AJAX方式） [转]
-----------------------------------------------------------------------

HTML页面
-----------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>New Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="lib/ext/resources/css/ext-all.css" />
<script type="text/javascript" src="lib/ext/adapter/ext/ext-base.js">
</script>
<script type="text/javascript" src="lib/ext/ext-all.js">
</script>
</head>
<script type="text/javascript">
var simple;
Ext.onReady(function(){
simple = new Ext.form.FormPanel({
renderTo: "loginForm",
labelWidth: 75, // label settings here cascade unless overridden
method: 'POST',
frame: true,
title: '登录窗口',
bodyStyle: 'padding:5px 5px 0',
width: 300,
defaults: {
width: 200
},
defaultType: 'textfield',
//实现非AJAX提交表单一定要加下面的两行！
onSubmit: Ext.emptyFn,
submit: function(){
this.getEl().dom.action = 'login.do'; //连接到服务器的url地址
this.getEl().dom.submit();
},

items: [{
fieldLabel: '用户名',
id: 'username',
name: 'name',
allowBlank: false,
width: 150
}, {
fieldLabel: '密码',
id: 'password',
name: 'pwd',
allowBlank: false,
width: 150,
inputType: 'password'

}],
buttons: [{
text: '登录',
type: 'button',
id: 'login',
handler: login //添加事件，执行函数为login()
}, {
text: '重置',
type: 'reset',
id: 'clear',
handler: reset //添加事件，执行函数为reset()
}]
});

});

function login(){
simple.form.submit();
}

function reset(){
simple.form.reset();
}
</script>
</head>
<body>
<div id="loginForm">
</div>
</body>
</html>

-----------------------------------------------------------------------
Struts Action部分

-----------------------------------------------------------------------
package com.yourcompany.struts.action;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
import org.apache.struts.actions.DispatchAction;
import com.yourcompany.struts.form.LoginForm;

public class LoginAction extends DispatchAction {

public ActionForward execute(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response) {

String username = request.getParameter("name");
String password = request.getParameter("pwd");
System.out.println("我的用户名：" + username);
System.out.println("我的密码：" + password);
return null;
}
}

分享到：

用ExtJs为表格单元格增加Tooltips浮动信息 | ExtJS与状态保存

2009-01-09 11:58
浏览 2497
评论(1)
查看更多

1 楼 machaojame 2009-03-04

Thanks!

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论