1//主界面的Grid
  2//获得输入的字符串
  3//var message = ""; 
  4var storeMain=new Ext.data.Store
  5(
  6    ...{
  7        //表示从哪里获得数据
  8        proxy:new Ext.data.HttpProxy 
  9        (
 10            ...{
 11                url:'/HotelUI/Json/MainGrid.aspx'  
 12            }
 13        ),
 14        
 15        //解析Json
 16        reader: new Ext.data.JsonReader
 17        (
 18            ...{
 19                root:'data',
 20                id: 'OpenRoomId',
 21                fields:
 22                [
 23                    'OpenRoomId','Number','TypeName','TypePrice','OpenTime','GuestMoney','GuestNumber','GuestName','Remark'
 24                ]   
 25            }
 26        ),
 27        remoteSort:true
 28    }
 29);
 30
 31Ext.onReady
 32(
 33    function()
 34    ...{                
 35        var colModel = new Ext.grid.ColumnModel
 36        (
 37            [
 38                ...{header:"房间号",width:60,dataIndex:'Number'},   
 39                ...{header:"房间类型",width:80,dataIndex:'TypeName'},
 40                ...{header:"开房时间",width:110,dataIndex:'OpenTime'},
 41                ...{header:"预缴金额",width:80,renderer:getColor,dataIndex:'GuestMoney'},
 42                ...{header:"登记身份证",width:120,dataIndex:'GuestNumber'},
 43                ...{header:"客人姓名",width:85,dataIndex:'GuestName'},
 44                ...{header:"备注",width:120,dataIndex:'Remark'}
 45            ]
 46        );
 47        //设置金额颜色
 48        function getColor(val)
 49        ...{
 50            if (val != "")
 51            ...{
 52                return '<span style="color:red;">'+ '$' + val + '</span>';
 53            }
 54        }
 55        
 56        var grid = new Ext.grid.GridPanel
 57        (
 58            ...{
 59                renderTo:'grid',
 60                height:500,
 61                width:665,
 62                cm:colModel, //行列
 63                store:storeMain, //数据源
 64                trackMouseOver:true, //鼠标特效
 65                loadMask: true,
 66                autoShow : true,
 67                autoScroll: true,
 68                //头部
 69                tbar:
 70                [
 71                    '房间查询',
 72                    ...{xtype:'textfield',width:170,id:'title',name:'title'},
 73                    ...{text:'搜索',iconCls:'search',handler:SerachGrid},...{xtype:'tbseparator'}
 74                ]
 75            }
 76        )
 77        //为右键菜单添加事件监听器
 78        grid.addListener('rowcontextmenu',rightClickFn);
 79        var rightClick = new Ext.menu.Menu
 80        (
 81            ...{
 82                id : 'rightClickCont',
 83                items:
 84                [
 85                    ...{
 86                        id: 'rMenu1',
 87                        handler: OpenRoom,//点击后触发的事件
 88                        text: '新开房间'
 89                    },
 90                    ...{
 91                        id:'rMenu2',
 92                        text:'退房',
 93                        handler: function()
 94                        ...{
 95                            var row = grid.getSelections();
 96                            if (row.length > 0)
 97                            ...{
 98                                var OpenRoomId = row[0].get('OpenRoomId');
 99                                var RoomNumber = row[0].get('Number');
100                                var TypeName = row[0].get('TypeName');
101                                var TypePrice = row[0].get('TypePrice');
102                                var OpenTime = row[0].get('OpenTime');
103                                var GuestMoney = row[0].get('GuestMoney');
104                                var GuestNumber = row[0].get('GuestNumber');
105                                var GuestName = row[0].get('GuestName');
106                                var Remark = row[0].get('Remark');
107                                //调用退房的方法
108                                CloseRoom(OpenRoomId,RoomNumber,TypeName,TypePrice,OpenTime,GuestMoney,GuestNumber,GuestName,Remark); 
109                            }
110                            else
111                            ...{
112                                Ext.MessageBox.alert('警告','请选择退房的房间!');
113                            }
114                        }
115                    }
116                ]
117            }
118        );
119        
120        function rightClickFn(grid,rowIndex,e)
121        ...{
122            e.preventDefault();
123            rightClick.showAt(e.getXY());
124        }
125        //加载数据
126        storeMain.load();
127    }
128);
129
130function SerachGrid()
131...{
132    var message = Ext.get('title').dom.value;
133    storeMain.reload
134    (
135        ...{
136            params:...{msg:message}
137        }
138    )
139}
140
141