easy ui 弹框叠加问题
1.框架用的是.net MVC，Index页面如下所示：
@{
Layout = "~/Views/Shared/_CustomerLayout.cshtml";
ViewBag.Title = "Index";
}
<script>
function LoadContent(contenturl) {
$("#rightcontent").load(contenturl);
}
</script>
<div class="clearfix">
<div id="leftmenu" class="v_leftMenu">
@{Html.RenderPartial("Menu");}
</div>
<div id="rightcontent" class="v_rightContent">
@{Html.RenderPartial("Content");}
</div>
</div>
_CustomerLayout.cshtml中的整体布局如下：
<body>
@*头部*@
<div class="navbar-inverse v_header"> </div> @RenderBody() @*底部*@
<div class="ft"> </div>
</body>
2.问题描述：后台用的easyui框架，我发现每点击一个弹框，easyui就会自动生成如下代码：
当点击多次，弹框会叠加
3.解决方法：
在Index页面中的load方法之前，将这些弹框清除掉即可。
@{
Layout = "~/Views/Shared/_CustomerLayout.cshtml";
ViewBag.Title = "Index";
}
<script>
function LoadContent(contenturl) {
//清除之前的弹框
$('.panel').remove();
$('.window-shadow').remove();
$('.window-mask').remove();
$("#rightcontent").load(contenturl);
}
</script>
<div class="clearfix">
<div id="leftmenu" class="v_leftMenu">
@{Html.RenderPartial("Menu");}
</div>
<div id="rightcontent" class="v_rightContent">
@{Html.RenderPartial("Content");}
</div>
</div>
之前我以为是Html.RenderPartial的原因，总是顺着这个方向找，结果没有找到；后来经提醒，才恍然大悟，原来是easyui根据页面中easyui-dialog自动生成弹框，生成的弹框在rightcontent之外，所以点击左侧菜单，rightcontent重新加载，但是并不会将弹框清除掉。
感悟：easyui自己不是太熟，还是需要多研究多练习，加油！
easy ui 弹框叠加问题的更多相关文章
- easy ui 验证框的使用
Easy ui 插件之validatebox missingMessage:未填写时显示的信息validType:验证类型见下示例invalidMessage:无效的数据类型时显示的信息require ...
- easy ui 下拉框绑定数据select控件
easy ui 中的下拉框控件叫做select,具体代码如下: html代码:①.这是一个公司等级的下拉框 <tr> <td>公司等级:</td> <td&g ...
- jQuery Easy UI Tooptip(提示框)组件
我们都知道DOM节点的title属性.Tooptip组件就是比較强大的title,它能够自由的设置自己的样式.位置以及有自己相关的触发事件. 演示样例: <!DOCTYPE html> & ...
- 常用UI模板，loading框，提醒框，弹框确认框
css部分 #public_box{width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;background:rgba(0,0 ...
- element ui 手动关闭$notify弹框
1.需求: 当用户点击 “点击下载” 后,文件导出这个弹框主动消失. 2.解决方案: 如下图所示 (需要注意的是这里的关闭是 点击弹框任意处就会关闭,如果想实现我的需求需要判断一下即可)
- Easy UI combobox实现类似 Select2的效果，下拉带搜索框
一直在开发一个新系统,其中用Easy UI作为前端框架,少不了用 combobox做为一个 下拉控件,它支持 可编辑 模糊本地数据过滤,也可支持 不可编辑 下拉 选择的功能: $('#ID' ).co ...
- UI自动化之特殊处理二（弹框\下拉框\选项\文件上传）
弹框\下拉框\选项\文件上传也是一些比较特殊的操作 目录 1.弹框 2.下拉框 3.选项 4.文件上传 1.弹框 弹框有三种形式,value为alert.confirm.prompt三种的弹框,第一个 ...
- jQuery Easy UI 开发笔记
1.jQuery Easy UI主要的运行原理是通过核心的代码调用插件来实现UI效果的 2.jQuery Easy UI插件与插件之间的关系是: 一.独立式插件: 独立式插件是指:不与其他的插件具有相 ...
- JQuery Easy Ui （Tree树）详解（转）
第一讲:JQuery Easy Ui到底是什么呢? 首先咱们知道JQuery是对Java Script的封装,是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等.. JQuery ui是在j ...
随机推荐
- Mercurial 的hook使用
1. Handling repository events with hooks可以通过Mercurial版本管理工具提供的hooks机制来处理repo的各种事件,从而实现对Mercurial的扩展, ...
- 大白话说Java反射：入门、使用、原理 （转）
文章首发于[博客园-陈树义],点击跳转到原文<大白话说Java反射:入门.进阶.原理> 目录 一个简单的例子 反射常用API 获取反射中的Class对象 通过反射创建类对象 通过反射获取类 ...
- 冰多多团队-第六次Scrum会议
冰多多团队-第六次Scrum会议 工作情况 团队成员 已完成任务 待完成任务 zpj ASR bug修复 接入IAT模块 牛雅哲 完成语音识别->词典->termux的接口设计,熟悉了语法 ...
- mpvue中按需引入echarts
大家都知道小程序文件大小不能超过2M, 在项目中引入echarts后,文件大小远远超出2M了.因为echarts文件默认是包含所有图表代码的,所以文件体积会比较大.解决办法如下: 安装 首先我们先安装 ...
- 【转】目前为止最透彻的的Netty高性能原理和框架架构解析
转自:https://zhuanlan.zhihu.com/p/48591893 1.引言 Netty 是一个广受欢迎的异步事件驱动的Java开源网络应用程序框架,用于快速开发可维护的高性能协议服务器 ...
- Java编程思想之九 接口
接口和内部为我们提供了一种将接口与实现分离的更加结构化的方法. 抽象类和抽象方法 创建一个抽象类是希望通过这个通用接口操纵一系列类. Java提供了一个叫做抽象方法的机制,这种方法是不完整的:仅声明而 ...
- Oracle 导出表结构
Oracle导出表结构 select A.Table_Name 表名 , -- A.column_name 字段名 A.column_name 字段名, A.data_type 数据类型, A.dat ...
- linux , nginx: 封禁IP的办法【转】
今天,我们的一台服务器出了问题: 被若干IP地址访问某个接口,该接口会发送短信. 所以,我们可以做两件事: 1. nginx的层面封IP . 2 linux server的层面封IP 先看ngin ...
- maven本地仓库已经有了所需的jar包，为什么还要去请求远程仓库
问题 IDEA 中的maven 项目,一个jar包一直导入不进来,reimport 无效.从另一仓库把这个jar包拷贝到当前仓库,还是无效.mvn clean install -e U 发现加载这个j ...
- Microsoft.Owin 使用 文件服务
添加引用: <package id="Microsoft.Owin" version="4.0.1" targetFramework="net4 ...