formpanel 加到 window

Ext.onReady(
function()
{
//win.show();

AddGuestInfoWin.show();
}

);
//----------------------------------Ext Window Component Test start
var win = new Ext.Window({title:"Hello",width:300,height:200,html:'<h1>Hello World~!</h1>'});
//----------------------------------Ext Window Component Test end


//----------------------------------Ext Window & FormPanel Component start
//---------------------------------Ext Form Component start
var AddGuestInfofp=new Ext.form.FormPanel({
width:375,
height:210,
plain:true,//吴磊查看了API后发现没有这个属性存在，不知道是不是API中的资料不全，怀疑是Ext组织有意隐藏。
layout:"form",
defaultType:"textfield",
labelWidth:75,
baseCls:"x-plain",
//锚点布局-
defaults:{anchor:"95%",msgTarget:"side"},
buttonAlign:"center",
bodyStyle:"padding:0 0 0 0",
items:[{
name:"guestname",
fieldLabel:"<font color=red>客人姓名</font>",
allowBlank:false,
blankText:"客人姓名不允许为空"
},{
name:"guestcardid",
fieldLabel:"身份证号",
allowBlank:false,
blankText:"身份证号不允许为空",
regex:/^[0-9.]{15,18}$/,
regexText:"身份证号为15-18位数字组成"

},{
name:"guestsexs",
xtype:"combo",
fieldLabel:"客人性别",
//传入后台真实值value field /value
hiddenName:"guestsex",
readOnly:true,
mode:"local",
displayField:"show",
valueField:"value",
triggerAction:"all",
value:"0",
store:new Ext.data.SimpleStore({
fields:["show","value"],
data:[["男","0"],["女","1"]]
})
},{

name:"guestmobile",
fieldLabel:"电话号码",
allowBlank:false,
blankText:"电话号码不允许为空",
regex:/^[0-9.]{8,13}$/,
regexText:"电话号码为8-13位数字组成"

},{
name:"guestaddress",
xtype:"textfield",
fieldLabel:"客人地址",
allowBlank:false,
blankText:"客人地址不允许为空",
regex:/^[\s\S]{1,50}$/,
regexText:"客人地址请不要超过50个字符"

}]
});
//---------------------------------Ext Form Component end


//----------------------------------Ext Window Component start
var AddGuestInfoWin=new Ext.Window({

title:"添加客人信息",
width:410,
height:235,
plain:true,//金山词霸：无装饰的，简易的，不复杂的；素净的，清淡的，朴素的，简朴的
iconCls:"addicon",
resizable:false,//不可以随意改变大小
//draggable:false,//是否可以拖动
defaultType:"textfield",
labelWidth:100,
collapsible:true, //允许缩放条
closeAction : 'hide',
closable:true,
//plain : true,//--这里好像是和上面重复了，不知道是故意这么做的，还是bug了。
modal: 'true', //弹出模态窗体//如果没有这个设置那么就没有锁定效果
buttonAlign:"center",
bodyStyle:"padding:10px 0 0 15px",

//------------form component start
items:[AddGuestInfofp],
//------------form component end

listeners:{
"show":function()
{
AddGuestInfofp.getForm().reset();//当window show事件发生时清空一下表单
}
},

//下面是三个按钮和按钮各自的事件定义
//---------------buttons start
buttons:[{
text:"保存信息",

minWidth:70,

handler:function()
{
if(AddGuestInfofp.getForm().isValid())
{
//弹出效果
Ext.MessageBox.show({
msg: '正在保存，请稍等...',
progressText: 'Saving...',
width:300,
wait:true,
waitConfig: {interval:200},
icon:'download',
animEl: 'saving'
});

setTimeout(function(){Ext.MessageBox.hide();}, 1000);

AddGuestInfofp.form.submit({
url:"URL/OpenRoomInfo/SaveGuestInfo.aspx",
method:"POST",

success:function(form,action)
{
//成功后
var flag=action.result.success;
if(flag=="true")
{
//填 写开房房间信息
AddGuestInfoWin.hide();
OpenRoomInfoWin.show();
}
},

failure:function(form,action)
{
Ext.MessageBox.alert("提示!","保存房间类型信息失败!");
}
});
}//if end here
}//handler end here
},{
text:"重置",
minWidth:70,
qtip:"重置数据",
handler:function()
{
AddGuestInfofp.getForm().reset();
}
},{
text:"取 消",
minWidth:70,
handler:function()
{
AddGuestInfoWin.hide();
}
}]
//---------------buttons end

});
//----------------------------------Ext Window Component end
//----------------------------------Ext Window & FormPanel Component end