Liferay6.2开发之弹出框

小咪咪 2022-08-06 12:14 172阅读 0赞

1.利用AUI弹出一个框

先看下效果

![Center][]

<%@ taglib uri="http://java.sun.com/portlet\_2\_0" prefix="portlet" %>  
<%@ taglib uri="http://alloy.liferay.com/tld/aui"  prefix="aui"%>  
<portlet:defineObjects />  
<theme:defineObjects/>

<aui:button cssClass="btn btn-danger" value="弹框" onClick='<%= renderResponse.getNamespace() + "show();" %>'/>
    
    <aui:script use="aui-dialog,aui-io-plugin">
    
    	Liferay.provide(
             window,
             '<portlet:namespace />show',
             function(url) {
                 var A = AUI();
     
                var dialog = Liferay.Util.Window.getWindow(
                    {
                        dialog: {
                            destroyOnHide: true,
                            width: 450,
                            height:300
                        },
                        title: '删除确认'
                    }
                );
    
                dialog.plug(
                    A.Plugin.IO,
                    {
                        uri: url
                    }
                );
            },
            ['aui-io-plugin-deprecated', 'liferay-util-window']
        );
    
    </aui:script>

[Center]: /images/20220806/a13308ad860e497a9bb50a7a01fba78d.png

发表评论取消回复

表情：

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

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

相关阅读

相关 js 弹出框

js提示框弹出带有取消按钮 function delcfm() { if (!confirm("确认要退出？")) {

Myth丶恋晨/ 2023年05月30日 03:56/ 0 赞/ 45 阅读

相关小程序开发之弹出框

小程序开发过程中，很多地方为了便利我们多采用小程序自带弹出框来实现交互效果。这也够大多数开发使用，下面我给大家详细介绍下小程序弹出框官方api传送门：[https://de

朴灿烈づ我的快乐病毒、/ 2023年01月20日 14:56/ 0 赞/ 27 阅读

相关小程序开发之弹出框

小程序开发过程中，很多地方为了便利我们多采用小程序自带弹出框来实现交互效果。这也够大多数开发使用，下面我给大家详细介绍下小程序弹出框官方api传送门：https://de

ゝ一纸荒年。/ 2023年01月08日 11:28/ 0 赞/ 199 阅读

相关 idea-插件开发弹出框

文章目录前言一、JBPopupFactory 二、demo -------------------- 前言 IntelliJ平台的用户界面

今天药忘吃喽~/ 2022年11月20日 08:18/ 0 赞/ 411 阅读

相关 Easyui 之window 弹出框

<div id="win" class="easyui-window" title="My Window" closed="true" style="width:300

末蓝、/ 2022年08月25日 08:46/ 0 赞/ 308 阅读

相关 bootstrap弹出框

要想使用Bootstrap Popover（弹出框）则必须引入其依赖的文件: jquery.js这个必须的(还是要写在其他js前面,bootstrap是依赖jquery的哦)

约定不等于承诺〃/ 2022年08月23日 14:00/ 0 赞/ 391 阅读

相关 Liferay6.2开发之弹出框

1.利用AUI弹出一个框先看下效果 ![Center][] <%@ taglib uri="http://java.sun.com/portlet\_2\_0"

小咪咪/ 2022年08月06日 12:14/ 0 赞/ 173 阅读

相关 JavaScript弹出框

提到弹出框，首先想到的alert()了，其次想到的也还是alert（），其实在js中有三种弹出框，下面我们一一说明。 1，仅确定。即：对话框界面上只有确定

忘是亡心i/ 2021年10月13日 04:17/ 0 赞/ 567 阅读

相关 electron 弹出框

1、引入弹出框主线程:const {dialog}=require('electron'); 渲染进程:const {dialog}=requir

旧城等待，/ 2021年07月24日 19:25/ 0 赞/ 1122 阅读

相关 PopupWindow弹出框

使用PopupWindow实现一个悬浮框，悬浮在Activity之上，显示位置可以指定首先创建pop_window.xml： <?xml version="1.0" ...

测试账号/ 2021年01月07日 04:36/ 1 赞/ 839 阅读