MiniUI弹出页面、新增TAB页

 一、新增TAB

//新增tab
mini.addtab({     
    url: "/goPage?id="+id,
    title: "信息页面",
    onload: function () {     
        // 此次写子页面初始化时,父页面进行的操作,可调用子页面已写好的函数
        // 父子页面通信,preLoad为子页面预写好的方法
        var iframe = this.getIFrameEl();             
        iframe.contentWindow.document.getElementById("loadDiv").onclick();
        iframe.contentWindow.preLoad();     
    },     
    ondestroy: function (action) {  
        //此次写监听到子页面关闭时,父页面进行的操作

    }             
}) 
//新增弹窗 
mini.open({     
    url: "/goPage?id="+id,
    title: "信息页面",
    width: "800",
    height: "600",
    onload: function () {
    },
    ondestroy: function (action) {     
    } 
})

 二、新增弹窗

//新增弹窗 
mini.open({     
    url: "/goPage?id="+id,
    title: "信息页面",
    width: "800",
    height: "600",
    onload: function () {
    },
    ondestroy: function (action) {     
    } 
})

后端所使用技术栈SSM,goPage为请求页面的接口,可以在页面加载的url处拼接参数,很方便~

mini原生的方法,在回调函数中可以对页面加载与销毁时进行操作,例如可以传入子页面数据,用户关闭时将用户操作的数据传回父页面。

你可能感兴趣的:(JS,MINIUI)