?// JScript 文件

   
   var fileds = Ext.data.Record.create([      
        {name: 'typeid',mapping:'typeid'},{name: 'typename',mapping:'typename'},{name:'typedesc',mapping:'typedesc'}                     
    ]);    
   var store = new Ext.data.Store({      
        proxy: new Ext.data.HttpProxy({      
            url:'DATA/RoomType/OpenRoomGetAllRoomType.aspx'  
        }),      
        reader: new Ext.data.JsonReader({      
            root: 'data',      
            id: 'typeid'     
        },
        fileds 
        )      
    });   
    store.load();
    ///-----------------------------------------------------------------------
    var filedsRoomid=Ext.data.Record.create([
        {name:'roomid',mapping:'roomid'},
        {name:'number',mapping:'number'},
        {name:'roomdesc',mappding:'roomdesc'}
    ]);
    
    var storeroom=new Ext.data.Store({
        proxy:new Ext.data.HttpProxy({
            url:'DATA/Room/OpenRoomGetRoomInfoByTypeID.aspx?typeid=0',
            method:'GET'
        }),
        reader:new Ext.data.JsonReader({
            root:'data',
            id:'roomid'
        },filedsRoomid)
    });
    storeroom.load();
    
    
    
    ///房間信息
    var RoomCombox=new Ext.form.ComboBox({ 
            tpl: '<tpl for="."><div ext:qtip="{number}. {roomdesc}" class="x-combo-list-item">{number}</div></tpl>',
            store:storeroom, 
            typeAhead: true,
            name:'roomid',
            fieldLabel:'房間編號',
            forceSelection: true,
            triggerAction: 'all',
            emptyText:'請選擇房間編號',
            selectOnFocus:true,
            width:130,
            editable: false, //不允許輸入
            allowBlank:false, //不允許為空
            blankText:'請您選擇房間編號', //錯誤提示信息
            displayField:'number',
            valueField: 'roomid',
            mode: 'local', //數據源在本地
            listeners:{
                "select":function(combo)
                {
                    if(combo.getValue()=="" || combo.getValue() ==null)
                    {
                        Ext.Msg.alert("警告","請您先正確選擇房間類型");
                    }
                }
            }
    }); 
    
    //房間類型信息
    var RoomTypeCombox=new Ext.form.ComboBox({
            tpl: '<tpl for="."><div ext:qtip="{typename}. {typedesc}" class="x-combo-list-item">{typename}</div></tpl>',
            store: store,
            typeAhead: true,
            fieldLabel:'房間類型',
            forceSelection: true,
            triggerAction: 'all',
            emptyText:'請選擇房間類型',
            selectOnFocus:true,
            width:130,
            editable: false, 
            allowBlank:false, 
            blankText:'請選擇類型', 
            displayField:'typename',
            valueField: 'typeid',
            mode: 'remote',
            listeners:{
                'select':function(combo, record, index) { 
                    RoomCombox.reset(); 
                    storeroom.proxy= new Ext.data.HttpProxy({url: 'DATA/Room/OpenRoomGetRoomInfoByTypeID.aspx?typeid=' + combo.getValue()}); 
                    storeroom.load(); 
                }
            }
    });

var OpenRoomInfofp=new Ext.form.FormPanel({
			width:360,
			height:220,
			plain:true,
			layout:"form",
			defaultType:"textfield",
			labelWidth:75,
            baseCls:"x-plain",
			//錨點布局-
			defaults:{anchor:"95%",msgTarget:"side"},
			buttonAlign:"center",
			bodyStyle:"padding:0 0 0 0",
			items:[ 
			RoomTypeCombox,
			RoomCombox,
			{  
			        name:"guestmoney",
			        xtype:'numberfield',
					fieldLabel:"預付定金",
					allowBlank:false,
                    blankText:"預付定金不允許為空",
                    emptyText:"定金只能填寫數字"
					
			},{
			        name:"remark",
			        xtype:"textarea",
					fieldLabel:"詳細備注",
					allowBlank:false,
                    blankText:"詳細備注不允許為空",
                    regex:/^[\s\S]{1,50}$/,
                    regexText:"詳細備注請不要超過50個字符",
                    emptyText:"如果沒有備注請填：暫無備注"
					
			}]});


 var OpenRoomInfoWin=new Ext.Window({
			title:"填寫開房信息",
			width:400,
			height:240,
			plain:true,
			iconCls:"addicon",
			//不可以隨意改變大小
			resizable:false,
			//是否可以拖動
			//draggable:false,
			defaultType:"textfield",
			labelWidth:100,
			collapsible:true, //允許縮放條
            closeAction : 'hide',
            closable:true,
            plain : true,
            //彈出模態窗體
			modal: 'true', 
			buttonAlign:"center",
			bodyStyle:"padding:10px 0 0 15px",
			items:[OpenRoomInfofp],
			listeners:{
			    "show":function()
			    {
			        //當window show事件發生時清空一下表單
			        OpenRoomInfofp.getForm().reset();
			    }
			},
			buttons:[{
					text:"保存信息",
					minWidth:70,
					handler:function()
					{
						if(OpenRoomInfofp.getForm().isValid())
                            {
                                //彈出效果
                                Ext.MessageBox.show
                                (
                                    {
                                        msg: '正在保存，請稍等...',
							            progressText: 'Saving...',
							            width:300,
							            wait:true,
							            waitConfig: {interval:200},
							            icon:'download',
							            animEl: 'saving'
                                    }
                                );
                                setTimeout(function(){}, 1000);
                                OpenRoomInfofp.form.submit({
                                    url:"URL/OpenRoomInfo/SaveOpenRoomInfo.aspx",
                                    method:"POST",
                                    success:function(form,action)
                                    {
                                        //成功后
                                        var flag=action.result.success;
                                        if(flag=="true")
                                        {
                                            Ext.MessageBox.alert("恭喜","開房信息保存成功!");
                                            OpenRoomInfoWin.hide();
                                            RoomOpenInfostore.reload();
                                        }
                                    },
                                    failure:function(form,action)
                                    {
                                        Ext.MessageBox.alert("提示!","開房信息保存失敗!");
                                    }
                                });
                           }
					}
			},{
			    text:"重置",
			    minWidth:70,
			    qtip:"重置數據",
			    handler:function()
			    {
			        OpenRoomInfofp.getForm().reset();
			    }
			},{
					text:"取 消",
					minWidth:70,
					handler:function()
					{
					    OpenRoomInfoWin.hide();
					}
			}]
	
	});