easyui-dialog 弹窗

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Insert title here</title>
<%@ include file="/jsp/common/include/easyui_nopager.jsp"%>
</head>
<body>
    <button onclick="showDialog()">POP</button>
    <!--     弹窗 start-->
    <div id="dlg" class="easyui-dialog" title="Complex Toolbar on Dialog" style="width: 800px; height: 400px; padding: 10px">
        <!-- jsp page -->
    </div>
    <!--     弹窗 end-->
    <script type="text/javascript">
        $(document).ready(function() {
            $("#dlg").dialog(‘close‘);
        });

        function showDialog() {
            $("#dlg").dialog(‘open‘);
        }
    </script>
</body>
</html>

时间： 2024-11-03 21:57:44

easyui-dialog 弹窗的相关文章

easyUI dialog 弹窗居中显示

默认情况下应该是在屏幕居中显示的.但是有的时候没有居中只要重新纠正下就可以了 $('#add_dialog').dialog('open'); //打开添加对话框 $('#add_dialog').window('center');//使Dialog居中显示

easyui里弹窗的两种表现形式博客分类: jQueryEasyUi 1.主JSP页面中描绘弹窗 Html代码 <div id="centerDiv" data-options="region:'center',border:false"> <table id="networkQueryGrid" data-options="queryForm:'#queryForm',title:'查询结果',iconCl

easyui dialog 扩展load

1 $.extend($.fn.panel.methods, { 2 showMask: function(jq, msg){ 3 return jq.each(function(){ 4 var pal = $(this).panel('panel'); 5 if (pal.css('position').toLowerCase() != 'absolute'){ 6 pal.cs

Easyui dialog中嵌入iframe

如果easyui dialog的地址属性用href超链接,easyui 不会加载整个url页面,只会截取url目标页的body体间的html, 如果想加载把其他页面加载进dialog的iframe中,属性就要改用content. 引用: <link href="../css/easyui.css" rel="stylesheet" type="text/css" /> <script src="../js/jquer

easyui dialog 中嵌入html页面

最近使用easyui比较多,这个插件确实很好用.在使用时也遇到了大大小小的问题,好在都一一解决了. 记录一下今天遇到的问题. 目的:用easyui的dialog嵌入一个html页面(html中仍有要执行的脚本内容) 方法一: 使用href属性,失败. 经过测试,如果easyui dialog的地址属性用href超链接,easyui 不会加载整个url页面,只会截取url目标页的body体间的html. easyui官网上关于href属性的说明是: 属性href,类型string,一个URL,用它

jQuery的dialog弹窗实现

jQuery实现dialog弹窗: html代码如下: <input type="button" onclick="performances();" value="分配" style="background:#18a689 none repeat scroll 0 0;border:1px solid #18a689;color:#FFF;text-shadow:0px -1px 1px #1c6a9e;height:30px;w

在easyui dialog的子页面内如何关闭弹窗

因项目需要在dialog中添加滚动条,所以就在div中加了iframe: 1 <div id="applyRefundDialog" style="display:none;overflow:hidden"> 2 <iframe id="applyframe" style="width: 100%; height: 100%;" scrolling="auto" frameborder=&

Easyui dialog

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <link rel="styleSheet" type="text/css" href="js/easyUI/metro/easyui.css"> <link rel=

easyui dialog远程加载内容完成后，进行对话内容（表单）初始化

通过查看easyui的帮助文档,dialog继承于window,window继承于panel,panel中有个onLoad事件,也就是当远程数据加载完成后,触发此事件.因此只要在此事件中对对话框中的内容进行初始化就可以了. var $addEvent = $("#addEvent"); // 初始化对话框 $addEvent.dialog({ title: '新增待办工作', width: 400, height: 250, closed: false, cache: false, h

Android4.4 SystemUI加入Dialog弹窗

此弹窗为开机SystemUI的显示弹窗: 首先.在SystemUI的源代码文件夹加入源代码类文件,文件夹为frameworks/base/packages/SystemUI/src/com/android/systemui/settings,类名暂取为UpdateUI.java内容例如以下: /* * Copyright (C) 2008 The Android Open Source Project * * Licensed under the Apache License, Version