easyUi创建临时Dialog

项目中遇到一个页面两个easyUi的dialog弹出层，结果只要点击了其中一个，另外一个就不能正常显示了，不知何因，除非刷新整个页面才能正常显示，为了解决这个问题，查了很多资料，终于找到一个解决方案，那就是关闭这个dialog之后将这个div进行销毁(当然也可以直接销毁)，因此不能使用传统的div弹出dialog的写法，需要改变思路，使用以下这种方式实现需要的效果，代码如下：

一、父页面easyUi的js代码，这个写法的好处是不需要再写这个div的html代码了，如：

<div id="addWorkFlowDialog" style="padding:10px;"></div>//现在只需要如下写法即可
<script type="text/javascript">var addWorkFlowDialog;              /* 定义一个临时弹出层的全局对象 */  function newSWorkFlow() {addWorkFlowDialog = $("<div/>").dialog({title : '新增',              /* 设置弹窗标题 */iconCls : 'icon-edit',       /* 设置弹窗图标 */modal : true,                /* 设置为背景页面不可操作 */width : 800,                 /* 设置窗口宽度 */height : 600,                /* 设置窗口高度 */closed : true,href : '${ctx}/system/workFlow/addView?flowId='+flowId,   /* 远程加载页面数据 */onClose : function() {           /* 当这个dialog关闭之后 */    $(this).dialog('destroy');   /* 销毁当前这个div */}});addWorkFlowDialog.dialog("open");}
</script>

二、弹出层页面,关闭当前弹出层的js代码，需要使用父页面的全局对象来关闭自己

<script type="text/javascript">/* 关闭当前页面 */function closeForm(){addWorkFlowDialog.dialog("close");    /* 调用父页面的全局对象来关闭自己 */   }
</script>

转载于:https://blog.51cto.com/1197822/2157049

easyUi创建临时Dialog相关推荐

easyui crud java_轻松学习jQuery插件EasyUI EasyUI创建CRUD应用
数据收集并妥善管理数据是网络应用共同的必要.CRUD 允许我们生成页面列表,并编辑数据库记录.本教程将向你演示如何使用 jQuery EasyUI 框架实现一个 CRUD DataGrid. 我们将使 ...
Go 学习笔记（49）— Go 标准库之 io/ioutil（读写文件、获取目录下的文件和子目录、创建临时目录和文件）
1. 简要概述 import "io/ioutil" 包 io/ioutil 实现一些 I/O 实用程序函数. 2. 相关函数 2.1 func ReadAll func Read ...
【C语言刷题】交换两个变量（包含不创建临时变量）的解法
目录一.常规方法(引入空瓶变量) 二.题目要求,不允许创建临时变量 2.1 通过两数加法实现交换 2.2 按位异或操作符实现交换题目:写代码实现两个变量的交换.(不允许创建临时变量) 一.常规方法 ...
linux 创建临时文件目录 mktemp 命令简介
目录 1 .语法 2 .选项列表 3 .实例 1 )创建临时文件 2 )创建临时目 3 )在/tmp中创建临时文件 4 )在指定目录下创建临时目录 5 )使用选项-u创建 6 )使用选项-du创建创 ...
python tempfile 创建临时目录
一.tempfile介绍该模块创建临时文件和目录.它适用于所有支持的平台.TemporaryFile,NamedTemporaryFile,TemporaryDirectory,和SpooledTe ...
Qt之QTemporaryDir用法（创建临时目录）
概述在 Qt 开发中,有时候会要创建一个临时目录,用于存储一些临时文件,在用完过后又要删除该目录,这个逻辑自己实现起来并不复杂,多写几行代码就搞定了,但是这里要说的是更简单的用法QTemporary ...
[Apple开发者帐户帮助]八、管理档案（2）创建临时配置文件（iOS，tvOS，watchOS）...
创建临时配置文件以在设备上运行您的应用程序而无需Xcode.在开始之前,您需要一个App ID,一个分发证书和多个注册设备. 有关完整的临时配置文件工作流程,请转到Xcode帮助中的分发到已注册设备( ...
linux 创建临时文件目录 mktemp 命令（创建随机名临时文件）
创建临时文件或者目录,这样的创建方式是安全的.此命令的适用范围:RedHat.RHEL.Ubuntu.CentOS.SUSE.openSUSE.Fedora. 1 .语法 mktemp [ 选项] ...
DialogFragment创建默认dialog
代码地址如下: http://www.demodashi.com/demo/12228.html 记得把这几点描述好咯:代码实现过程 + 项目文件结构截图 + 演示效果前言在我们项目的进行中不可避 ...

easyUi创建临时Dialog

一、父页面easyUi的js代码，这个写法的好处是不需要再写这个div的html代码了，如：

二、弹出层页面,关闭当前弹出层的js代码，需要使用父页面的全局对象来关闭自己

easyUi创建临时Dialog相关推荐

最新文章

热门文章