绕了一大圈,后端管理的界面,还是希望支持IE8,和多页签,于是整理easyui的多页签使用
简述
easyui需要依赖jquery,所以第一步应该引入jquery.
tabs是最简引入代码
1
2
3
$(function(){
$("#div").tabs({}); // {}里可以设置参数,工具条的类型等.
})
依赖 plane与linkbutton
所以如果在不该代码的情况下,使用tabs,还需要加入这两个的js和样式
easyui的多页签分4种情况
将一段代码嵌入到当前页签
Ajax形式将一个html界面引入到当前页签,可以缓存,但是需要发布后才可以使用.跨域问题.
iframe形式,将一个html引入到当前页签的iframe里.iframe会自己保留打开的页面.当然如果
cache:false
,也已经失去了作用.
实现动态添加
- 添加一段代码嵌入当前页签
1 | $('#tt').tabs('add', { |
- ajax形式加载一个页面,可以加cache,加载也是仅加载body里的,那么如果页面有什么引用,最好
1 | $('#tt').tabs('add', { |
- 在iframe中添加
1 | $('#tt').tabs('add', { |