easyui框架打开新页面添加一个新选项卡

function ClickEvent() {

var title = $(this).text()//选项卡名称

//拼接一个Iframe标签，选项卡内容

var str = '<iframe id="frmWork" width="100%" height="100%" frameborder="0" scrolling="auto" src="' + $(this).attr("src") + '"></iframe>'

//首先判断用户是否已经单击了此项，如果单击了直接获取焦点，否则打开

var isExist = $("#tab").tabs('exists', title)

if (!isExist) {

//添加tab的节点，调用easyUITab标签的方法

$("#tab").tabs('add', {

title: title,

content: str,

iconCls: 'icon-save',

closable: true

})

}

else {

//如果存在则获取焦点

$("#worktab").tabs('select', title)

}

})

}

在用到的地方调用这个函数

var parent=window.parent.parent.document.getElementById("back_tabs")

写的真复杂，您都用上JQUERY了，为什么不尽量使用它的方言呢。

var parent=$("#back_tabs")

或者直接

if($("#back_tabs").tabs('tabs','回复')

{

}

前面的完全可以不要。

自定义图标很简单，你可以打开easyui中的icon.css这个文件看看他的图标类是如何定义的就明白了，自己准备一个16×16的png小图标，然后在icon.css里面增加你自己定义的图标类就可以了。

---