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 弹框叠加问题的更多相关文章

  1. easy ui 验证框的使用

    Easy ui 插件之validatebox missingMessage:未填写时显示的信息validType:验证类型见下示例invalidMessage:无效的数据类型时显示的信息require ...

  2. easy ui 下拉框绑定数据select控件

    easy ui 中的下拉框控件叫做select,具体代码如下: html代码:①.这是一个公司等级的下拉框 <tr> <td>公司等级:</td> <td&g ...

  3. jQuery Easy UI Tooptip(提示框)组件

    我们都知道DOM节点的title属性.Tooptip组件就是比較强大的title,它能够自由的设置自己的样式.位置以及有自己相关的触发事件. 演示样例: <!DOCTYPE html> & ...

  4. 常用UI模板，loading框，提醒框，弹框确认框

    css部分 #public_box{width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;background:rgba(0,0 ...

  5. element ui 手动关闭$notify弹框

    1.需求: 当用户点击 “点击下载” 后,文件导出这个弹框主动消失. 2.解决方案: 如下图所示 (需要注意的是这里的关闭是 点击弹框任意处就会关闭,如果想实现我的需求需要判断一下即可)

  6. Easy UI combobox实现类似 Select2的效果，下拉带搜索框

    一直在开发一个新系统,其中用Easy UI作为前端框架,少不了用 combobox做为一个 下拉控件,它支持 可编辑 模糊本地数据过滤,也可支持 不可编辑 下拉 选择的功能: $('#ID' ).co ...

  7. UI自动化之特殊处理二（弹框\下拉框\选项\文件上传）

    弹框\下拉框\选项\文件上传也是一些比较特殊的操作 目录 1.弹框 2.下拉框 3.选项 4.文件上传 1.弹框 弹框有三种形式,value为alert.confirm.prompt三种的弹框,第一个 ...

  8. jQuery Easy UI 开发笔记

    1.jQuery Easy UI主要的运行原理是通过核心的代码调用插件来实现UI效果的 2.jQuery Easy UI插件与插件之间的关系是: 一.独立式插件: 独立式插件是指:不与其他的插件具有相 ...

  9. JQuery Easy Ui （Tree树）详解（转）

    第一讲:JQuery Easy Ui到底是什么呢? 首先咱们知道JQuery是对Java Script的封装,是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等.. JQuery ui是在j ...

随机推荐

  1. 拼多多面试真题：如何用 Redis 统计独立用户访问量！

    阅读本文大概需要 2.8 分钟. 作者:沙茶敏碎碎念 众所周至,拼多多的待遇也是高的可怕,在挖人方面也是不遗余力,对于一些工作 3 年的开发,稍微优秀一点的,都给到 30K 的 Offer. 当然,拼 ...

  2. leetcode 128. 最长连续子序列

    题目描述: 给定一个未排序的整数数组,找出最长连续序列的长度. 要求算法的时间复杂度为 O(n). 示例: 输入:[100, 4, 200, 1, 3, 2] 输出:4 即最长的连续序列为 [1,2, ...

  3. 域名解析前面的前缀* @ www 分别代表什么

    www 是指域名前带 www的,以百度为例,就是 www.baidu.com@ 是指前面不带任何主机名的,以百度为例,就是 baidu.com* 是指泛解析,是指除已添加的解析记录以外的所有主机都以此 ...

  4. grpc使用记录(二)简单同步服务实例

    目录 1.编写proto文件,定义服务 2.编译proto文件,生成代码 3.编写服务端代码 server.cpp 代码 编译 4.编写客户端代码 client.cpp代码 5.简单测试一下 已经折腾 ...

  5. response.redirect 正在中止线程

    问题描述:正在中止线程问题原因:Response.End 方法终止页的执行,并将此执行切换到应用程序的事件管线中的 Application_EndRequest 事件.不执行 Response.End ...

  6. Xamarin.FormsShell基础教程（7）Shell项目关于页面的介绍

    Xamarin.FormsShell基础教程(7)Shell项目关于页面的介绍 轻拍标签栏中的About标签,进入关于页面,如图1.8和图1.9所示.它是对应用程序介绍的页面. 该页面源自Views文 ...

  7. 解决docx4j 变量替换 由于变量存在样式式或空白字符 导致替换失败问题

    参考文章:https://blog.csdn.net/qq_35598240/article/details/84439929 使用docx4j进行变量替换时 变量(形如:${变量})必须是无格式的, ...

  8. Flutter Plugin开发简单示例

    新建Plugin项目: flutter create --template=plugin -i swift -a javahello lib/hello.dart: 插件包的Dart API. and ...

  9. (转)SpringBoot使用@Value给静态变量注入

    Spring boot之@Value注解的使用总结 https://blog.csdn.net/hunan961/article/details/79206291

  10. k8s记录-kubeam方式部署k8s

    参考:https://blog.csdn.net/networken/article/details/84991940 # k8s工具部署方案 # 1.集群规划 | **服务器** | || ---- ...