mini.open 消息框介绍

作用:

弹出窗口

父页面 部分代码

<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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值