作用:
弹出窗口
父页面 部分代码
<input id="username" name="username" class="mini-buttonedit" onbuttonclick="onButtonEdit" />
<script type="text/javascript">
mini.parse()
function onButtonEdit(){
mini.open({
url:"../xxx.html", //弹出页面(子页面)的路径
title:"我的标题", //弹出页面(子页面)标题
width:"500px", // 子页面宽度
height:"400px", // 子页面高度
allowResize:true, //允许改变大小
allowDrag:true, //允许移动子页面
onload: function () { //子页面加载完成触发,传数据给子页面
var iframe = this.getIFrameEl();
var data = {mydata:"hello"};
iframe.contentWindow.SetData(data); //调用子页面的SetData方法
},
ondestroy: function (action) { //子页面关闭前触发,接收子页面的的数据
if(action=="ok"){
var iframe = this.getIFrameEl();
var data = iframe.contentWindow.GetData();//调用子页面的GetData方法接收数据
data = mini.clone(data);
var data_obj = mini.decode(data);//解析返回的jsonarray字符串,转为js数组对象
}
}
});
}
</script>
子页面 部分代码 xxx.html
<a class="mini-button" plain="true" onclick="onOk">确定</a>
<input id="cat" class="mini-textbox">
<div class="mini-fit">
<div id="grid" class="mini-datagrid" multiSelect="true" showPager="false" >
<div property="columns">
<div type="checkcolumn" ></div>
<div field="my_id" width="120" headerAlign="center" >my_id</div>
</div>
</div>
</div>
//html 元素自己决定
<script type="text/javascript">
mini.parse();
var grid = mini.get("grid");
function GetData(){
var rows = grid.getSelecteds();//grid 表格选中的数据
var str = mini.encode(rows); //jsonarray 字符串形式
return str;
}
function SetData(data){
var cat = mini.get("cat");
cat.setValue(data.myData);//接收父页面的 “hello”
}
function CloseWindow(action) {
if (window.CloseOwnerWindow)
return window.CloseOwnerWindow(action);
else
window.close();
}
function onOk(){ //点击“确定” 按钮 ,设置action参数值为“ok”
CloseWindow("ok");
}
</script>