解决使用 tab 布局过程中页面多次加载的问题 李元元 2014-01-24 如果在使用 easyui 过程中,你使用了 easyui 的 tab 布局,在 tab 布局的内容上使用的不是 content,而是 iframe,那么你的页面有可能多次加载了,例如下面的实例: 如果你是这么写,恭喜你,你的页面一定会重复加载,在第一次加载的时候,所有的页面就已经 加载了一次,在点击不同的 tab 切换时,页面还会再次加载一次,请看下面截图: 用 debug 检测会发现如下问题: 这个问题对你的程序不会产生影响,只是因为你的页面加载了两次,而且,你的页面如果有 A 改变,希望 B 刷新,使用这种方式,不可能了,因为他从一开始就已经加载过了,所以, 你需要单独刷新页面,这是为什么呢? 因为你的页面一上来,iframe 就已经加载了,具体详情,easyui 源码就是这么干的, 

怎么解决呢? 其实很好办,只要对上面的页面稍加改造,就可以了,如下: 一开始上来,所有的 iframe 的 src 给””,他就不会去加载页面了,让后,每一次 select,动态的给赋 值 url,这样就解决了, 说明: 上述两个例子适用于不同的需求,如果你的页面 A 变化要引起 B 的变化,第二种无疑最好的, 如果你只是反复的查看,就是不需要 A 变化引起 B 变化,两者都行,