EXT框架

	         var win = new Ext.Window({
	             title: '',
	             closable:false,
	             //width:985,
	             //height:650,
	             resizable:true,
	             AutoScroll:true,
	             //constrain：true,
	             plain:true,
	             layout: 'border',
	             monitorResize:true,

	             items: [query, gdProjects],
	                 listeners: {   
	            	     maximize:function(w){        
	                          var windowWidth = window.screen.availWidth;
	            	          w.setWidth(windowWidth-220);  
	            	          var windowHeight = window.screen.availHeight;
	            	          w.setHeight(windowHeight-220);  

	            	     } 
	             }


	         });

	         win.show(this);
	         win.maximize();

gdProjects = new Ext.grid.GridPanel({

                            frame:true,
                            animCollapse: false,
                            region: 'center',
                            width :700,
                            height:300,
                            iconCls: 'icon-grid',
                            store: ds,
                            cm: cm,
                            sm: sm,
                            trackMouseOver:true,
                            loadMask: {msg:'正在加载数据，请稍侯……'},


                            viewConfig: {
                                forceFit:true,
                                enableRowBody:true,
                                getRowClass : function(record, rowIndex, p, ds){
                                                   return 'x-grid3-row-collapsed';
                                              }
                             },
                            view: new Ext.grid.GroupingView({
                                forceFit:true,
                                groupTextTpl: '{text} ({[values.rs.length]}条记录)'
                            }),
                            bbar: new Ext.PagingToolbar({
                                pageSize: 100,
                                store: ds,
                                displayInfo: true,
                                displayMsg: '当前显示 {0} - {1}条记录 /共 {2}条记录',
                                emptyMsg: "无显示数据"
                           }),

                          tbar:[{
                               id:'btnAdd',
                               text:'新增',
                               tooltip:'新增',
                               iconCls:'add',
                               handler: function(){

                               },{
                               text:'删除',
                               tooltip:'删除',
                               iconCls:'删除',
                               handler:rsync_info_del
                               }]

});


simple = new Ext.form.FormPanel({


});


var Tree = Ext.tree;

var tree = new Tree.TreePanel({

    loader: new Tree.TreeLoader({dataUrl:'{%url svrtree %}'}),


});

    		var query = new Ext.FormPanel({
		        region: 'north',
		        frame:true,
     	        //width :965,
       	        height:300,
		        title:'查询存储服务器',
		        bodyStyle:'padding:2px 2px 0',
		        labelWidth : 40,
		        collapsible: true,
		    	autoHeight:true,
		        items :[{
		        	layout:'column',
			        items:[/*idc_name,{
		                columnWidth:.2,
		                layout: 'form',
		                items: [{
		                    xtype:'textfield',
		                    fieldLabel: 'area',
		                    name: 'area',
		                    anchor:'95%'
                       	}]
	                	},{
			                columnWidth:.2,
			                layout: 'form',
			                items: [{
			                    xtype:'textfield',
			                    fieldLabel: 'IDC',
			                    name: 'idc',
			                    anchor:'95%'
	                        }]
		                },
						  {
		                	columnWidth:.2,
			                layout: 'form',
			                items: [{
			                    xtype:'textfield',
			                    fieldLabel: 'APP',
			                    name: 'app',
			                    anchor:'95%'
			                }]
		                },*/
						  {
		                	columnWidth:.2,
			                layout: 'form',
			                items:[{
			                	xtype:'textfield',
			                    fieldLabel: '输入IP',
			                    name: 'ip',
			                    anchor:'95%'
			                }]
		                },{
		                	columnWidth:.1,
			                layout: 'form',
			                items:[new Ext.Button({
			                	text: '查询',
			                    name: 'submit',
			                    anchor:'95%',
			                    id : 'searchbtn',
			                    handler : function (){
			                	gdProjects.store.reload({params:query.getForm().getValues()});
			                	}
			                })]
		                }]
		            }

		        	]
			});







SVR_WIN = new Ext.Window({
  			            title: '选择服务器',
  			            frame: true,
  			         	closeAction:'hide',
  			         	//closeAction:'close',
  			            closable:true,
  			            width:820,
  			            height:550,
  			         	id : 'svrgrid4',
  			            modal:true,
  			            plain:true,
  			            layout: 'border',
  			            listeners : { 'close' : function(){Ext.getBody().unmask();}},
  			            items: [nav, this.searchDataPanel],
  			            buttons : [
  			                 {text:'取消', handler:function(){SVR_WIN.hide();}},
  			                 {
  			                	 text:'确定',
  			                	 handler:function(){
  			                	 	selNodes = catTree.getChecked();

  			                	 	var distdata = [];
  			                	 	Ext.each(selNodes, function(node){

  			                	 		if (node.hasChildNodes()) {
  			                	 			var catno = {category_id:node.id, dist_id: 0};
  			                	 			distdata.push(catno);
  			                	 		}else{
  			                	 			var labeltxt = node.text.split("-");
  			                	 			var distno = {category_id:labeltxt[0], dist_id:labeltxt[1]};
  			                	 			distdata.push(distno);
  			                	 		}

  			                	 	});

  			                	 	//InitFormDist
  			                	 	var ips = [];
  			                	 	Ext.getCmp('svrgrid').getSelectionModel().each(function(rec){
  			                	 		ips.push(rec.data.ip);
  			                	 	});

  			                	 	var app_id = [];
  			                	 	Ext.getCmp('svrgrid').getSelectionModel().each(function(rec){
  			                	 		app_id.push(rec.data.app_id);
  			                	 	});

  			                	 	var main_name = [];
  			                	 	Ext.getCmp('svrgrid').getSelectionModel().each(function(rec){
  			                	 		main_name.push(rec.data.main_name);
  			                	 	});

  			                	 	var sub_name = [];
  			                	 	Ext.getCmp('svrgrid').getSelectionModel().each(function(rec){
  			                	 		sub_name.push(rec.data.sub_name);
  			                	 	});

  			                	 	var app_name = [];
  			                	 	Ext.getCmp('svrgrid').getSelectionModel().each(function(rec){
  			                	 		app_name.push(rec.data.app_name);
  			                	 	});
  			                	 	var prefix = [];
  			                	 	Ext.getCmp('svrgrid').getSelectionModel().each(function(rec){
  			                	 		prefix.push(rec.data.prefix);
  			                	 	});
  			                	 	var dist_id = [];
  			                	 	Ext.getCmp('svrgrid').getSelectionModel().each(function(rec){
  			                	 		dist_id.push(rec.data.dist_id);
  			                	 	});

  			                	 	var jsonstr = Ext.util.JSON.encode({dist:distdata,ip:ips,app_id:app_id,main_name:main_name,sub_name:sub_name,
  	  			                	 	app_name:app_name,prefix:prefix,dist_id:dist_id});
  			                	 	//var jsonstr = Ext.util.JSON.encode({dist:0,ip:ips});
  			                	 	//jsonstr = escape(jsonstr);
  			                	 	Ext.Ajax.request({
  				                	 	   url: '{%url combsvrip %}',
  				                	 	   params: { param : jsonstr },
  				                	 	   success: function(response, options){
  				                	 			var data = Ext.util.JSON.decode(response.responseText);

  				                	 		if(data){
  				                	 			//getCmp('target_ip')
  				                	 			/*Ext.fgetCmp('target_ip').getValue();
  				                	 			Ext.fgetCmp('target_ip').getValue(data.ips);
  				                	 			SVR_WIN.hide();
  				                	 			Ext.getCmp('target_ip').focus();*/
  				                	 				simple.items.item(0).setValue('');
  				                	 				simple.items.item(0).setValue(data.ip);
  				                	 				simple.items.item(1).setValue(data.prefix +'-'+ data.dist_id +'-'+ data.app_name);
  				                	 				simple.items.item(2).setValue(data.app_id);
  				                	 				SVR_WIN.hide();
  				                	 				simple.items.item(1).focus();

  				                	 			}else{
  				                	 				Ext.Msg.alert("操作失败","未能获得任何ip数据,请确认您选了ip并重新操作");
  				                	 			}
  				                	 	   },
  				                	 	   failure: function(){Ext.Msg.alert("操作失败","可能网络有异常,请重试");}
  				                	 	});


  			                 	 }
  			                 }
  			            ]
  			        });