MiniUI弹出页面、新增TAB页

ゝ一世哀愁。 2022-05-24 10:15 350阅读 0赞

#  一、新增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处拼接参数![20190318160539964.png][]，很方便~

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

[20190318160539964.png]: /images/20220524/3c8cf997bcda466a8e4c6eb81009c5ad.png

发表评论取消回复

表情：

评论列表（有 0 条评论，350人围观）

还没有评论，来说两句吧...

相关阅读

相关 ElementUI弹出新增窗口

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly96aGFuZ3h1ZWxpYW5nLmJsb2cu

客官°小女子只卖身不卖艺/ 2023年10月07日 08:43/ 0 赞/ 28 阅读

相关 ionic4学习笔记4--新增一个tab页面

1、创建模块 ionic g page tab4 2、修改路由（一个删除，一个更新）删除：app目录中app-routing.module.ts文件里更新产生的

太过爱你忘了你带给我的痛/ 2023年02月19日 15:27/ 0 赞/ 17 阅读

相关 html 页面自动弹出,javaScript实现自动弹出页面

window.open()的所有参数列表(转载) 前言:经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，或者按一个连接或按钮弹出，通常在这个窗口里会显示一

╰+攻爆jí腚メ/ 2022年10月06日 00:47/ 0 赞/ 272 阅读

相关 web页面之弹出窗口

功能概述 web页面中，常见弹出对话框显示页面内容的功能，html语言中js默认提供 showModalDialog()方法显示的页面标题存在路径字符

小灰灰/ 2022年09月18日 01:58/ 0 赞/ 350 阅读

相关弹出页面返回值

一、window.showModalDialog获取弹出页面返回值的2种方法 \----main.html---------主页面 <form name="form1">

分手后的思念是犯贱/ 2022年08月07日 01:53/ 0 赞/ 207 阅读

相关 bootstrap modal 弹出其他页面

1、不使用js 方式 1.1 按钮 <a class=" btn default" href="ui_modals_ajax_sample.html" data-t

心已赠人/ 2022年08月05日 08:56/ 0 赞/ 252 阅读

相关 jsp页面div浮动弹出

1、jsp页面设置 ![Image 1][] ![Image 1][]![Center][] 2、css设置 ![Image 1][] ![Image 1

Love The Way You Lie/ 2022年07月24日 10:05/ 0 赞/ 231 阅读

相关【easyui】tabs 不弹出重复窗口

//跳转处理公共函数 kevin 1202修改，新增去重功能 function goToNewTab(url,title) {

系统管理员/ 2022年07月13日 00:42/ 0 赞/ 212 阅读

相关 MiniUI弹出页面、新增TAB页

一、新增TAB //新增tab mini.addtab({ url: "/goPage?id="+id, ti

ゝ一世哀愁。/ 2022年05月24日 10:15/ 0 赞/ 351 阅读

相关使用easyUI+bootStrap框架做一个弹出式的tab标签页

参考网址：https://blog.csdn.net/wttykj/article/details/78538592 <!DOCTYPE html>

不念不忘少年蓝@/ 2022年05月10日 03:42/ 0 赞/ 200 阅读