Ext.Window弹窗到jsp页面

最近用到ext.js 需要弹窗显示详情页面，经过查询与尝试总结出可以正确显示页面的真是实例。与大家分享！

如图：点击查看时的弹窗

一：点击按钮触发事件：其中url为要跳到另一个jsp页面路径及merchantno参数

/**
* @Title:detail
* @Description:点击查看时的操作
*/
detail=function(){
     var merchantno = "";//要传到页面的参数
   var url= '<%=basePath%>webpages/posp/database/merchantchangehisdetial.jsp?merchantno='+merchantno;
             var myPanel = new Ext.Panel({
                 layout : 'fit',
                 html : "<iframe  src='"+url+"' width=\"100%\"  height=\"100%\"></iframe>",
                 frame : true
             })
             var win = new Ext.Window({
                 title : '同步商户信息历史详细信息',
                 width : 800,
                 height :500,
                 resizable : false,
                 closable : true,
                 draggable : true,
                 resizable : false,
                 layout : 'fit',
                 modal : false,
                 plain : false, // 表示为渲染window body的背景为透明的背景
                 bodyStyle : 'padding:5px;',
                 items : [myPanel ],
                 buttonAlign : 'center',
                 buttons : [{
                     text : '关闭',
                     type : 'button',
                     handler : function() {
                         win .close();
                     }
                 }]
             });
             win.show();
}

二：如果需要则获取参数进行新页面的参数查询等（这里是根据参数进行查询显示详情）

  //获取地址栏参数值
      function GetQueryString(name) {
          var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
          var r = window.location.search.substr(1).match(reg);
          if(r!=null)return  unescape(r[2]); return null;
      }
var merchantno = GetQueryString('merchantno');