问题1: 今天在做宿舍管理系统优化的时候,发现一个问题。在弹窗的基础上在弹一个Tabs页面,关闭之后再打开一个新的Tabs页面,结果显示的还是上一个页面的数据。没有随着页面的更改,而更改。 这样也属于一个Bug,同时也带来不愉快的用户的体验。 尝试了修改了JS的很多方法,包括使用panel来close,destroy,refresh,都没有实现预期效果,那么为什么会使用panel来进行修改?因为Tabs和Panel有依赖关系,且方法继承。 当然也使用了Tabs中自己的一些事件,如:onLoad,onClose,不过后来发现也是不行。 原因是:在第一打开Tabs时,它会走Select方法,在关闭的时候,再打开以后就不走Select。也不走onLoad事件。后来我们公司大牛说:“再第一次打开Tabs时候,Tabs初始化了;再打开的时候,Tabs已经初始化过了,所以数据不会有变化。” 那么问题就来了,怎么样让Tabs每次都初始化一遍? 解决方案:在关闭Dialog的时候关闭每个Tabs,此后在打开Dialog的时候,再从新Open就行啦。 上面问题是解决了?那么,每次用户在点小灯泡的时候才能再次打开,会不会很影响用户的体验?那么干脆直接放在一个Tabs中。不用用户再去点击第二次。而且上面的问题也不会出现。