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 ...
随机推荐
- vue----子组件引用vux popup mask遮罩在最上层解决办法 z-index问题
在一个页面的子组件中引用vux的popup组件时,出现mask遮罩在最上层的问题,百度了一下发现有两种解决办法,现提供第三种. popup在子组件引用时,vux将vux-popup-mask默认添加到 ...
- 聊聊Mysql索引和redis跳表 ---redis的有序集合zset数据结构底层采用了跳表原理 时间复杂度O(logn)(阿里)
redis使用跳表不用B+数的原因是:redis是内存数据库,而B+树纯粹是为了mysql这种IO数据库准备的.B+树的每个节点的数量都是一个mysql分区页的大小(阿里面试) 还有个几个姊妹篇:介绍 ...
- Android相关视频
Android架构师 层次分析 –从顶层到底层 洞察其原理https://www.bilibili.com/video/av59066641?t=132安卓/Android 逆向破解系统班 第2期 全 ...
- 使用Alibaba的Nacos做为SpringCloud的注册和配置中心，并结合Sentinel+Nocos动态进行限流熔断
最近在学习阿里的Nacos组件以及Sentinel组件,折腾出了一个小demo. Git地址:https://github.com/yangzhilong/nacos-client 有兴趣的小伙伴可以 ...
- EChart 标题 title 样式，x轴、y轴坐标显示，调整图表位置等
示例里工作一般情况是够用了,更复杂的可以查询教程: title 官方解说:http://echarts.baidu.com/option.html#title 坐标相关: X轴:http://echa ...
- linux压缩 zip和unzip
.把/home目录下面的mydata目录压缩为mydata.zip zip -r mydata.zip mydata #压缩mydata目录 .把/home目录下面的mydata.zip解压到myda ...
- openvswitch2.11.0修改源码后重新编译
一:推文 https://www.jianshu.com/p/923f49c290f5(可以删除运行当中的DataPath内核) https://github.com/ebiken/doc-netwo ...
- 伪造他人账号信息提交数据问题(一般接口都会去校验身份和身份id是否一致)
某APP客户端可以劫持任意账号 双师: 上课的学生上报学生上课状态,请求中带学生自己的id,当切换成其他学生的id ,接口报错,应该会校验token 和 提交的学生id 是否一致
- vscode-tab按键失效变为切换功能的解决方法
有一种可能是无意中按到了ctrl+m,此时VSCode右下角会出现Tab Moves focus的字样,如下: 用ctrl + m 可以切换两种状态.没有Tab Moves focus字样的时候,就是 ...
- Spring MVC -- 下载文件
像图片或者HTML文件这样的静态资源,在浏览器中打开正确的URL即可下载,只要该资源是放在应用程序的目录下,或者放在应用程序目录的子目录下,而不是放在WEB-INF下,tomcat服务器就会将该资源发 ...