easyui-tabs(选项卡)重新打开,数据没有变化!

问题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中。不用用户再去点击第二次。而且上面的问题也不会出现。

这里写图片描述

这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值