easy ui 弹框叠加问题
2024-09-22 21:21:17
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自己不是太熟,还是需要多研究多练习,加油!
最新文章
- js实现打开本地文件或文件夹
- JS通过getBoundingClientRect获取的height可能与css设置的height不一致
- SqlServer中字符串和日期类型的转换
- Windows注册表(持续更新)
- HDFS简介
- Javascript Object Layout
- spark新能优化之提高并行度
- http://blog.sina.com.cn/s/blog_7caae74b0100zl17.html
- nodejs 初学笔记
- JAVA JNI学习
- Logstash利用GeoIP库显示地图以及通过useragent显示浏览器(四)
- 谷歌游览器对<;input type=&#39;file&#39;>; change只能响应1次解决和样式的改变
- 将CSS放头部,JS放底部,可以提高页面的性能的原因
- Zabbix实战-简易教程--低层次发现(LLD)
- poj 3090 Visible Lattice Points(离线打表)
- c++入门之详细探讨类的一些行为
- docker 要点学习
- Look for the Air Jordan 32 in full family sizing
- sklearn 中fit_tansform 与 transform的区别
- linux下nc提交web报文问题