页面中常常需要用到弹窗的方式打开其它关联页面，弹出窗口的方法有三种：1、弹出层（OpenShowWindow)包括自定义代码和链接窗口配置生成两种方式 2、页面跳转（window.location.href） 3、打开新window窗口（window.open()），另外平台提供了OpenWindow函数，该函数封装了上面所说的三种弹窗方法，使用起来较为方便。

弹出层（OpenShowWindow)

  以div层的方式弹出页面。

1、自定义代码

OpenShowWindow方法：

var url ="";
var w = new UCML.OpenShowWindow({ frameMode:"frame",maximizable:true,collapsible:true,URL:url,scroll:"yes",
   draggable:true,resizable:true,ratioWidth:90,ratioHeight:90,title:title});
w.on("open",function(){
   //绑定打开窗口事件
})
w.on("close",function(){
   //绑定关闭窗口事件，经常会在关闭窗口时刷新父页面，可在此写刷新的代码
})
w.open();

获取父窗口的对象：window.openerWindow

刷新父窗口BC：window.openerWindow.BCNameBase.Refresh()

刷新父窗口(刷新整个页面)：window.openerWindow.location.reload()

关闭本窗口：window.currentWindow.close()

注意：

简化版本:openerWindow可用opener代替，currentWindow可用window代替 

示例：

 在列表VC上加一个按钮查看选中记录的详情

代码：

var w = new UCML.OpenShowWindow({ frameMode: "frame",modal:false, maximizable: true,maximized:false,collapsible: true
,closable:true,collapsible:false, URL: "BusiModelDemo/BusinessUnit/BPO_PO_OderMainEdit719.aspx?BusinessKeyOID="+BC_PO_OderMainList719Base.getOID()
, scroll: "yes", draggable: true,resizable: true, width: 800, height: 600, title: "采购单编辑"});
w.open();

页面效果：

2、链接窗口配置生成

  如果想通过BCLink链接业务组件的方式点击打开窗口或通过业务视图组件VC上的按钮点击打开窗口则可以分别在BC列信息的链接业务组件处和VC的常用按钮处打开链接窗口配置界面设置相关属性，设置完成后点击确定按钮会生成相关代码.

链接窗口配置界面：

  可在此配置弹出窗口模式、弹出窗口大小以及开关属性事件、弹出窗口的表单等，确认后生成弹出窗口对应源代码。

生成源代码示例：

var url = "";
var w = new UCML.OpenShowWindow({ frameMode:"frame", maximizable: true,collapsible:true,URL:url, 
scroll:"yes",draggable:true,resizable:true,ratioWidth:90,ratioHeight:90,title:title});
w.open();

可打开链接窗口配置界面的位置如下图：

BC列信息：

VC常用按钮：

操作示例：

1、在BC上，选中需要弹出选择框的列点击链接业务窗口，弹出连接窗口配置界面，在此配置弹框的属性、事件、传值定义等。

  选择弹出表单即选择要弹出的业务单元BPO，可根据业务单元的编号或名称进行查询，选择好BPO后点击选中按钮将该业务单元的路径赋值给选择弹出表单编辑框，标题赋值给窗口标题，并将传值定义标签的来源业务组件和目标业务组件分别赋值为所选BPO的主BC和当前操作的BC，如下图：

属性：弹出表单、URL参数、标题、开关属性、窗口大小设置、弹出模式等属性对应OpenShowWindow方法的参数。

事件：可以设置关闭和打开窗口的事件，点击“生成刷新父窗口代码”即在右侧空白处生成对应的代码，对应OpenShowWindow方法的close事件和open事件。

注意：单行选中数据传值模式下不要生成刷新父窗口代码，因为单行传值是给字段赋值，如果刷新，值就没有了。

传值定义：设置父窗口和子窗口之间的传值定义，包括传值模式、传值字段等。

设置完成后点击“确定”按钮生成代码如下：

var w = new UCML.OpenShowWindow({ frameMode: "frame",modal:false, maximizable: true,maximized:false,
collapsible: true,closable:true,collapsible:false, URL: "BusiModelDemo/BusinessUnit/BPO_SPRODUCTChoice719.aspx?
targetBC=BC_PO_OrderDetail719&targetFieldList=ItemNo;ItemName&sourceBC=BC_SPRODUCT719&sourceFieldList=
PRODUCTNO;PRODUCTNAME", scroll: "yes", draggable: true,
resizable: true, width: 800, height: 600, title: "产品选取"});
w.open();

sourceBC：来源业务组件

targetBC：目标业务组件

sourceFieldList：来源字段序列

targetFieldList：目标字段序列

2、在弹出窗口的VC中，添加列表单选记录传值的选中按钮，操作如下：

VC下的按钮处右键-->添加常用按钮-->窗口传值常用按钮-->列表单选记录传值按钮

生成选中按钮及代码：

sourceBC、targetBC、sourceFieldList、targetFieldList对应链接业务窗口配置生成的URL中的参数。

3、根据当前BC创建编辑视图组件VC，创建业务单元BPO，生成编译

页面效果：

页面跳转（window.location.href）

 由当前页面跳转到另一个页面。

代码示例：

window.location.href="BPO_SPRODUCTChoice719.aspx";  //跳转路径为相对路径

打开新window窗口（window.open()）

  window.open() 方法用于打开一个新的浏览器窗口

方法：window.open(URL,name,features,replace)

specs属性值：

OpenWindow函数

  OpenWindow函数封装了上面所说的三种弹窗方法，使用起来较为方便。

方法：OpenWindow(url,title,[openMode],[config]);

参数说明：

   url：需要弹出窗口的url地址

   title：需要弹出窗口的标题

   openMode：非必填项，弹出窗口的模式，值为1:弹出层  2：页面跳转 3：打开新窗口，默认为1弹出层

   config：非必填项，弹出窗口的属性配置，只在openMode=1时才有用。

绑定事件：

var w = new OpenWindow(URL,"执行任务");
w.on("close",function(){   
  //窗口关闭时，刷新父页面数据
  BCNameBase.Refresh();
});
w.on("open",function(){
  //窗口打开事件
});

弹出层(openMode=1)： 

  config为空时，则使用默认的配置为{ frameMode: "frame", maximizable: true,collapsible: true, URL: url, scroll: "yes", draggable: true,resizable: true, title: title}；config不为空时弹出窗口适应父窗口宽高度，其他参数参考弹出层（OpenShowWindow)方法的参数说明。

示例：

config为空时：

 var url="BPO_15041.aspx";
 OpenWindow(url,"添加商品信息",1);

config不为空时：

 var url="BPO_15041.aspx";
 var config = {width:1000,height:500,minimizable:true,draggable:true};
 OpenWindow(url,"添加商品信息",1,config);

页面跳转(openMode=2)：

 使用此方法页面直接转到目标页面

 var url="BPO_15041.aspx";
 OpenWindow(url,"添加商品信息",2);

打开新窗口(openMode=3)：

  将打开一个新的window窗口

 var url="BPO_15041.aspx";
 OpenWindow(url,"添加商品信息",3);