EasyUI, Dialog 在框架页(ifrmae)的Top页面弹出时,拖拽Dialog边缘(以改变窗口大小),UI界面被卡死的解决办法

将Dialog的modal属性设置为true,可以解决卡死的问题(但会给用户使用体验带来影响)

 1         var par = {
 2             title: This.title,
 3             width: This.width,
 4             height: This.height,
 5             cache: This.cache,
 6             modal: This.modal,
 7             resizable: This.resizable,
 8             maximizable: This.maximizable,
 9             onResize: This.onResize,
10             modal: true,//关键代码:不然拖拽Dialog边缘以改变窗口大小时,Dailog会被卡死;//modal:是否将窗体显示为模式化窗口。 true
11             constrain: true,//关键代码:若设为false,则窗体title可以拖拽到浏览器边缘外,导致无法拖拽回来(进而导致无法关闭Dialog——此时,只有刷新当前页面才能继续操作软件了)//constrain:定义是否限制窗体的位置。(该方法自1.5版开始可用)
12             onLoad: function () {
13                 $("iframe[id=‘ifr" + This.renderID + "‘]").contentWindow.dialogData = This.dialogData;
14                 This.onLoad();
15             },
16             onClose: This.onClose
17         };

封装的代码片段

原文地址:https://www.cnblogs.com/miaoxiao/p/EasyUI-Dialog-Drog-Error.html

时间: 2024-10-14 11:45:58

EasyUI, Dialog 在框架页(ifrmae)的Top页面弹出时,拖拽Dialog边缘(以改变窗口大小),UI界面被卡死的解决办法的相关文章

读《深入理解Windows Phone 8.1 UI控件编程》1.4.3 框架的应用示例:自定义弹出窗口有感

前些天买了园子里林政老师的两本 WP8.1 的书籍.毕竟想要学得深入的话,还是得弄本书跟着前辈走的. 今天读到 1.4.3 节——框架的应用示例:自定义弹出窗口这一小节.总的来说,就是弄一个像 MessageDialog 的,但是又要具有能定义 Dialog 内的按钮.文本等等的功能(例如颜色.字体大小这些).(先不说 ContentDialog ,即内容对话框能大部分做到) 原理是使用了一个 Popup 控件作为弹出窗口的容器,将 Popup 的 Child 属性赋值为弹出窗口的实例.在书中,

可拖拽dialog

指令的封装转自https://blog.csdn.net/sinat_21902709/article/details/86545444 可拖拽dialog应用于很多弹出框,所以需要作用于全局 在插件文件夹中创建一个文件dialogDrag存放公共的指令 import Vue from "vue"; // v-dialogDrag: 弹窗拖拽属性 Vue.directive("dialogDrag", { bind(el, binding, vnode, oldVn

窗体 dialog 弹出时动画效果

1.先创建 anim中的 xml  动画文件 <?xml version="1.0" encoding="utf-8"? > <set xmlns:android="http://schemas.android.com/apk/res/android"> <scale android:fromXScale="0.1" android:toXScale="1" android:f

转载:Android 如何解决dialog弹出时无法捕捉Activity的back事件

在一些情况下,我们需要捕捉back键事件,然后在捕捉到的事件里写入我们需要进行的处理,通常可以采用下面三种办法捕捉到back事件: 1)重写onKeyDown或者onKeyUp方法 2)重写onBackPressed方法 3)重写dispatchKeyEvent方法 这三种办法有什么区别在这里不进行阐述,有兴趣的朋友可以查阅相关资料. 然而在有dialog弹出时,想捕捉back键的事件的话,上述三种办法都无法实现.因为上述方法是重写在activity里面的,也就是说当activity是当前焦点时

窗口 dialog 弹出时动画效果

1.先创建 anim中的 xml  动画文件 <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <scale android:fromXScale="0.1" android:toXScale="1" android:fr

自定义Dialog,实现由下而上的弹出效果(模仿QQ退出等)

方法: public Dialog createDialog(Context context, View view) { Dialog mSelectPhotoDialog = null; mSelectPhotoDialog = new Dialog(context, R.style.transparentFrameWindowStyle); mSelectPhotoDialog.setContentView(view); Window window = mSelectPhotoDialog.

页面点击Button按钮弹出登陆注册框(含短信验证功能)

1 <div class="login-hidd"></div> 2 <div class="login-wrap"> 3 <div class="login-cont"> 4 <img id="login-img-close" src="/views/image/close08.png" alt="登陆" title="&

js处理弹出框的实例dialog的用法

可以结合jquery ui 这个js来使用 <div id="reg" style="display: none"> 表单区域 </div> <script> function IdInfo(Id) { $("#reg").dialog({ title : '被举报题目信息', buttons : { '提交' : function () { }, '取消' : function () { $(this).di

在框架左边实现点击菜单弹出子菜单

<html> <head> <title>index</title> <link type="text/css" rel="stylesheet" href="css/middle-left.css" /> <script language = "javascript" src="js/middle-left.js"></scri