extjs form的提交

Ext.on Ready(function(){
        //开启快速提示功能
Ext.QuickTips.init();//初始化全局 QuickTips 实例.设置当出错时提示信息
Ext.form.Field.prototype.msgTarget = 'side';//初始化提示标志.设置当出错时提示标志的感叹号图标
/*定义一个 loginData “登录”按钮触发事件*/
function loginData(){
/*判断是否通过验证*/
if(loginPanel.form.isValid()){
/*调用“创建弹出保存的效果”的方法*/
Ext.MessageBox.show({
title:"提示",
wait:true,//设置有进度状态
width:320,//设置进度条宽度
msg:"正在登陆酒店管理系统，请稍候...",//设置显示内容
progressText:"Logining...",//设置进度条里面显示
//设置头部的图标--注意：succeedImage是自己设置的样式
iconCls:"succeedImage"
});//MessageBox结束
/*把数据提交到服务器*/
loginPanel.form.submit({
url:"../UI/Login.aspx",//数据提交页面路径
method:"post",//设置提交方式为post
/*创建提交成功的回调函数*/
success:function(form,act ion){
/*获取页面返回的信息，判断是否有登陆用户成功，如果为true则登录成功，否则登录失败*/
var flag=act ion.result.success;
if(flag=="true"){
//提示信息
Ext.MessageBox.show({
title:" <font color=red>恭喜你 </font>",//标题内容
msg:"登录成功！",//提示信息内容
buttons:Ext.Msg.OK,//设置按钮类型
icon: Ext.MessageBox.INFO,//显示成功的图标
//设置头部的图标--注意：warnImage是自己设置的样式
    iconCls:'succeedImage'
});//MessageBox结束
}//if结束
else if(flag=="false"){
Ext.MessageBox.show({
title:" <font color=red>警告 </font>",//标题内容
msg:"登录失败！",//提示信息内容
buttons:Ext.Msg.OK,//设置按钮类型
icon: Ext.MessageBox.ERROR,//显示成功的图标
//设置头部的图标--注意：warnImage是自己设置的样式
    iconCls:'warnImage'
});//MessageBox结束
//登陆失败，清空文本框
        loginPanel.getForm().reset();
}//else if结束
},//success结束
failure:function(form,act ion){
Ext.MessageBox.show({
title:" <font color=red>警告 </font>",//标题内容
msg:"服务器繁忙，请稍候再试！",//提示信息内容
buttons:Ext.Msg.OK,//设置按钮类型
icon: Ext.MessageBox.ERROR,//显示成功的图标
//设置头部的图标--注意：warnImage是自己设置的样式
iconCls:'warnImage'
});//MessageBox结束
//登陆失败，清空文本框
    loginPanel.getForm().reset();
}//failure结束
});//loginPanel.form.submit结束
}//“判断是否通过验证” if 结束
}//loginData事件结束
/*定义一个loginPanel*/
var loginPanel=new Ext.FormPanel({
buttonAlign:"center",//设置panel中按钮居中显示
labelAlign:"center",//设置panel中标签居中显示
labelWidth:50,//设置panel中标签宽度
                            baseCls:"x-plain",
bodyStyle:"padding:8px",//设置body当前存放在items组件div往下移动8个px
/*
*defaults:应用在全体组件上的配置项对象，无论组件是由#items指定，抑或是通过#add、#insert的方法加入，都可支持。
*缺省的配置可以是任意多个容器能识别的“名称/值”， 假设要自动为每一个Ext.Panel项设置padding内补丁，
*你可以传入defaults: {bodyStyle:'padding:15px'}。
*/
defaults:{
xtype:"textfield",//设置控件类型为文本框类型
width:200,//设置文本框宽度
border:false,True表示为显示出面板body元素的边框，false则隐藏(缺省为true)， 默认下，边框是一套2px宽的内边框，但可在#bodyBorder中进一步设置。
allowBlank:false//false表示不允许文本框空白
},//defaults结束
/*添加文本组件*/
items:[{
cls:"user",//加载自定义样式图片名称
// id:"loginName",
name:"loginName",
fieldLabel:"用户名",
blankText:"请输入用户名！"//如果空，红线内容提示
},{
cls:"rand",//加载自定义样式图片名称
// id:"loginPwd",
name:"loginPwd",
fieldLabel:"密&nbsp;&nbsp;码",
blankText:"请输入用户密码！"
}],//items结束
/*定义按钮*/
buttons:[{
id:"btnLogin",
text:"登陆",
handler:function(){
loginData();
}
},{
text:"重置",
header:function(){
loginPanel.getForm().reset();
}//header“重置”结束
}],//buttons 按钮结束
/*键盘回车键事件*/
keys:[{
key:[10,13],
fn:loginData
}]//keys 键盘事件结束
});//loginPanel结束
/*定义一个 objWindow 窗口*/
var objWindow=new Ext.Window({
title:"欢迎登陆酒店管理系统",//设置窗体标题内容
region:"center",//设置窗体居中显示
width:300,//设置窗体宽度
height:160,//设置窗体高度
layout:"fit",//设置布局为：fit
waitMsgTarget:true,//默认的等待提示窗口为Ext.MessageBox.wait。也可以指定一个对象或它的ID做为遮罩目标，如果指定为真则直接遮罩在表单对象上
closable:false,//设置窗体没有关闭按钮
draggable:false,//false表示窗体不允许用户拖动(默认为true)
plain:true,//True 表示为渲染window body的背景为透明的背景,这样看来window body 与边框元素(framing elements)融为一体,false表示为加入浅色的背景, 使得在视觉上body元素与外围边框清晰地分辨出来(默认为 false)
resizable:false,//false表示不允许用户从window四边和四角改变窗体大小
items:loginPanel//加载panel中的组件
})//objWindow结束
objWindow.show();//显示objWindow窗口，加载组件
});//on Ready结束

（连接处理的界面）
using System;
using System.Da ta;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using HotelModels;
using HotelBLL;

public partial class UI_Login : System.Web.UI.Page
{
    //声明为全局变量（目的是为了在界面获取该字符串），将 JavaS cript 对象中表示的一组数据转换为字符串
    public string stringJson = "";
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!Page.IsPostBack)
        {
            this.Login();
        }
    }
    /// <summary>
    /// 用户登陆
    /// </summary>
    public void Login() {
        try
        {
            string loginName = Request.Form["loginName"];
            string passWord = Request.Form["loginPwd"];
            if (loginName != null && passWord != null)
            {

                HotelUser user = HotelUserManager.GetHotelUserByLoginId(loginName, passWord);
                //如果success位true，则表示服务器端处理成功
                if (user!=null)
                {
                  stringJson = @"{success:true}";
                }
                else
                {
                    //表示服务器端处理失败
                    stringJson = @"{success:false}";
                }//if结束
                Response.Write(stringJson);
            }
        }
        catch (Exception)
        {
            //表示服务器端处理失败
            stringJson = @"{success:false}";
        }//catch结束
    }//此方法结束
}

---

"雪见"杨幂邀你共品3D国韵网游《天下贰》，海报免费领