FineUI 弹出框关闭刷新

2024-08-18

FineUI小技巧（4）关闭窗体那些事

前言 FineUI中的Window控件常用作选择.新增或编辑内容.而关闭Window控件却有很多技巧,了解这些技巧有助于项目的快速开发. 如何关闭Window控件第一个问题就是如何关闭Window控件,最明显的方式就是右上角的关闭图标了.总的说来,有三种方式: ESC按键(在Window控件所在页面获取焦点的情况下,按下键盘的ESC将会关闭当前激活窗体) 窗体右上角的关闭图标用户自定义的关闭按钮前两种方式自不必说,那么如何自定义关闭按钮呢?有两种做法: 按钮禁用回发,在页面初始化时注册关闭

form中的button按钮在IE11中自动提交表单问题导致弹出框关闭之后表单被重置

最近几天,测试系统,遇到一个兼容性问题,form中有一个button按钮,没有指定type类型,点击按钮弹出框选择值之后回填给form上的一个单行文本框,在IE6.IE7.IE8.IE9.IE10中测试都没有问题,唯独IE11中,弹出框关闭之后,单行文本框接收到弹出框的返回值之后,form所在的父页面自动刷新了一次,导致form中的值全部被重置了刚开始,还以为是系统所用的Web框架不兼容IE11,经过反复测试发现,系统中有一些弹出框关闭之后,父页面是不会自动刷新的,于是开始慢慢对比源代码,最后

JavaScript 实现简单的弹出框关闭框

JavaScript 实现简单的弹出框关闭框知识点: 1.javaScript 添加HTML标签 2.javaScript 添加HTML标签属性 3.javaScript 追加元素代码献上: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="

[js]uploadify结合jqueryUI弹出框上传，js中的冒出的bug，又被ie坑了

引言最近在一个项目中,在用户列表中需要对给没有签名样本的个别用户上传签名的样本,就想到博客园中上传图片使用弹出框方式,博客园具体怎么实现的不知道,只是如果自己来弄,想到两个插件的结合使用,在弹出框中使用uploadify插件进行上传,每次都会报错很是无语,最后找到解决方案,这里记录一下,算是对工作中遇到的bug的一个总结. bug 这是vs调试状态下,显示的信息.在浏览器端,点击第一次上传按钮,正常,将弹出框关闭后,第二次打开,就会出现问题: 第一次单击上传: 第二次,关闭弹出框,再次单击上传

弹出框页面中使用jquery.validate验证控件

弹出框页面中使用jquery.validate验证控件有几个问题需要解决: 1,弹出框的提交事件完成后如何关闭弹出框页面? 2,提交不成功如何返回当前页? 3,如果知道验证事件成功? 之前笔者都是JS验证控件,放着强大的jquery.validate控件不用,自己写验证,会是让追求程序完美的人心里有种淡淡的忧伤. 不过还好,今天下午笔者花了点时间,已实现这种功能,虽然也不是很完美,但也基本能用了. 先看下效果,一会再上代码. 当验证通过后,程序后台开始提交,提交成功,当前弹出框关闭. 为此代码如

移动web：Tips消息弹出框

在web开发中经常会用到像alert这样的弹出消息,每个浏览器自带的消息弹出框都不相同.为了统一外观,实现自定义的功能,动手写一个弹出框插件. 对弹出框的实现要求如下: 1. 仿照IOS系统弹出外观 2. 自定义按钮文字 3. 宽高自适应(有最小宽.最大宽限制) 4. 实现弹出框关闭(前.后)的回调 (重点)由于很多操作都是在弹出框显示时操作的先看下效果: alert弹出(一个按钮) alert弹出一条消息 alert弹出一条的消息:带自定义html标签 alert弹出一条消息:自定义按钮文

echart 时间轴、以及y轴值过大但是变化不大显示感觉不出变化的问题+弹出框拖动div事件

1.时间轴 echart 提供了一种图表,如果x轴是一个时间范围,并且是连续的,如果用传统的数据驱动会很慢,所以用时间轴的方式 function initCurve(_data){ var resultArr=[]; for(var i=0;i<_data.length;i++){ var res=_data[i] resultArr.push({ name:new Date(res.time)+"", value:[res.time,Number(res.value).toFi

iPad弹出框

弹出框是iPad的常用UI元素,即在现有视图上面显示内容,并通过一个小箭头指向一个屏幕对象(如按钮),以提供上下文. 和模态场景一样,弹出框的内容也由一个视图和一个试图控制器决定,不同之处在于,弹出框还需要另一个控制器对象--弹出框控制器(UIPopoverController).该控制器指定弹出框的大小及其箭头指向何方.用户使用完弹出框后,只要触摸弹出框外面就可以自动关闭它. 如果是以拖拽的方式创建弹出切换,应该选择切换类型为"Popover",当这样选择后,发现可以调整视图的大小了

layui弹出框打开第二次select内容无法显示问题

今天, 在使用layui弹出框的时候, 第一次进入select内容加载是正常的, 将弹出框关闭再次进入后select下拉框内容为空, 经排查是因为每次弹出窗口z-index都会改变, 弹出框的z-index值大于select框外div的z-index值, 导致select的内容被遮住了, 只需要控制每次弹出窗口的z-index都一样即可; 弹出框的z-index属性: 下拉框的z-index属性: 解决方法, 修改layui源码, 打开laye.js, 将下图标红的部分末尾的"+a"去

点击datagrid弹出ldhdialog，点击弹出框的按钮，关闭且刷新datagrid

datagrid里的js这么写 //点击添加按钮触发 function superadd(title,addurl,gname,width,height) { gridname=gname; createwindow(title, addurl,width,height); }//点击修改按钮触发function superupdate(title,url, id,width,height,isRestful) { gridname=id; var rowsData = $('#'+id).da

javascript关闭弹出窗体时刷新父窗体和居中显示弹出窗

居中显示用到了moveTO()方法: 关闭弹出窗时刷新父窗体用到了window.opener方法: 父窗体代码例如以下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="弹出窗体.aspx.cs" Inherits="弹出窗体" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transi

layer iframe 设置关闭按钮和刷新和弹出框设置

layer弹出层的关闭问题就是在执行添加或修改的时候,需要将数据提交到后台进行处理,这时候添加成功之后最理想的状态是关闭弹出层并且刷新列表的数据信息,之前一直想实现这样,可一直没有成功,今天决定好好弄一弄,在仔细看过layer的帮助手册以及查阅资料之后,有了以下的解决办法: 一.关闭弹出窗这是layer官网给出的帮助手册,讲解的比较详细分成两种情况: 1.弹出层不是新的页面的时候,直接获得该弹窗的索引,然后执行close方法 layer.close(); 2.弹出窗是新的页面的时候 v

控制非模态弹出框(showModelessDialog)唯一且随父页面关闭

网站开发中,常常会遇到需要弹出窗体的情况,一般弹出框有模态和非模态两种,如下: 模态:window.showModalDialog() 非模态:window.showModelessDialog() 另外还有window.open 方法,以及通过div来模拟弹出框效果的形式. window.open请自行百度,了解不深:div模拟的方式不适用与,弹出框中某些组件与父页面组件不相容的情况,如笔者所在项目,父页面中的jquery与整个网站js框架不相容(当然不是简单的可以通过替换$关键字来解决).所

Easyui 关闭弹出框后还显示验证提示信息

今天下午做form表单,然后可以保存,可以关闭.可是关闭的时候老是会在屏幕左上角显示验证提示框,很是着急. 如图: 可能是easyui自己框架的问题,或许是因为网上有的人,自己代码写得有问题,没有调试运行,直接写教程了,然后一批一批的人就中枪了. 下班前找到两种解决办法. 第一种: 我们应该先写弹出对话框,再写清除表单内容. $('#dlg').dialog('open').dialog('setTitle', '新增协议价格'); $('#fm').form('clear'); 而网上的一些教

div悬浮在屏幕的中间及点击按钮关闭弹出框

#fd { position: fixed; z-index: 999; width: 109px; height: 323px; top: 71%; right: 1%; margin: -50px 0 0 -50px; /*border: 1px solid red;*/ } <div id="fd"> </div> /*点击按钮关闭弹出框*/ <div class="close-btn" style=" backgrou

[ vue ] Quasar封装q-dialog组件，在外层实现弹出框的开启和关闭

场景描述: 见:https://www.cnblogs.com/remly/p/12981582.html 具体实现:  <template> <div class="q-mt-md"> <q-btn label="Login" @click="showLoginModal=true"/> <Login v-model="showLoginModal"

form异步无刷新提交,提交后可以显示弹出框,否则弹出框会被刷新不见,使用 preventDefault

出错点:确认按钮上.加onclick事件.每次点击都会追加给form追加on监听方法.累加on方法,重复提交 suppress_exception:true 阻止异常 (百度推送 jdk) 向下按 preventDefault ( jquery 阻止 form默认提交) 01传递参数,显示或者隐藏弹出框 /*start 显示和隐藏遮罩*/ function controlShade(date){ if(date == 's'){ $(".mask").show(); //添加遮罩,h

JS弹出框插件zDialog再次封装

zDialog插件网址:http://www.jq22.com/jquery-info2426 再次封装zDialog的代码: (function ($) { $.extend({ iDialog: function (param) { var diag = new Dialog(); if (!param.height && !param.width) { diag.Width = $(top.window).width(); diag.Height = $(top.window).he

玩转EasyUi弹出框

这两天在搞EasyUi的弹出框,弹出框之前也搞过很多个版本,总是觉得不那么完美,刚好最近有时间,就往多处想了想,功能基本上达到我的预期,并且在开发过程中遇到很多小技巧,特撰文如下. 走起:在EasyUi的Grid中插入自定义列. 代码如下: $('#SaList').datagrid({ url: '/ForLog/WebShop/GetSaList', queryParams: null, pagination: true, pageSize: , singleSelect:true, sho

jquery dialog-优雅的弹出框

前面一章已经对datepicker的使用,做了简单的说明.这一章主要对dialog如何使用做个说明. jquery ui-dialog在web开发中运用还是比较多的.最常见的例子就是登录功能的实现.运用dialog的好处就是不用刷新网页,直接弹出一个div层,让用户输入信息.使用起来也比较方便.下面就学学如何使用它吧. 前提条件导入jquery-1.7.2.js ,也可以是其它版本. 导入jquery-ui.js,也可以直接指向http://code.j

Bootstrap模态弹出框

前面的话在 Bootstrap 框架中把模态弹出框统一称为 Modal.这种弹出框效果在大多数 Web 网站的交互中都可见.比如点击一个按钮弹出一个框,弹出的框可能是一段文件描述,也可能带有按钮操作,也有可能弹出的是一张图片.本文将详细介绍Bootstrap模态弹出框结构分析 Bootstrap框架中的模态弹出框,分别运用了“modal”.“modal-dialog”和“modal-content”样式,而弹出窗真正的内容都放置在“modal-content”中,其主要又包括三个部分: ☑

FineUI 弹出框关闭 刷新

热门专题

FineUI 弹出框关闭刷新