今天在刷新tab页时发现其中的dialog内容每次都不变,只有刷新整张页面之后才会变。
刚开始以为是缓存,因为正好页面用到了velocity的#parse,还以为velocity会把#parse的页面缓存起来
于是看了一下response,返回的页面确实是改过的,那就不是缓存问题。
查看了一下页面的元素,发现居然有两个id相同的dialog,就是这个原因!为什么呢?
因为easyUI在解析dialog的时候,不论dialog定义在哪里,都会被放到body下
而在刷新tab的时候,只刷新某一个tab panel下的所有元素,所以刷新的时候又解析了一次dialog,于是我们就看到多个dialog了。
那么该如何解决这个问题呢?
1、将dialog放到主界面中,而不是通过tab来加载
2、刷新的tab的时候去销毁掉之前的dialog
这里我用了第二种方法,大家看看吧
onBeforeLoad:function(param){ if(title == '测试'){ if($('#repairsPaper')[0]){ $('#repairsPaper').dialog('destroy', true); } } }
时间: 2024-10-28 22:06:25