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)

}

})

}

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

要先初始化tabs后才能调用add方法，使用样式来初始化easyUI需要在dom

ready前将html代码添加到dom中，要不也无法初始化

var

tab

=

$("<div

id='tab_row_"

+

r

+

"_column_"

+

c

+

"'

class='easyui-tabs'

style='width:500pxheight:250px'>")

$('#xxxx').append(tab)

tab.tab()//要手动调用tabs进行初始化

var

content

=

"<table

id='table_datagrid_'"

+

view.id

+"></table>"

tab.tabs('add',

{

title:

view.title,

content

:

content,

closable:

true

})

你是哪里不会呢？

你的左右是用layout来弄的吗？

不管如何弄，这样都是对的。

首先新建一个div，如果你已经有了就无所谓了，设置其宽高，给一个ID=tab。

新增TAB的时候。

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

title:'xxx',

content:'xxx',

herf:'xxx'

})

就大概这个意思了。

如果左侧是做的树，就加一个click事件，点击节点时，就在右侧新增一个tab，如果是已经存在的，就切换到此tab，不存在的就添加。

你可以百度 easyui官方论坛，有一个Java做后台的示范。或者登陆官网，www.jeasyui.com，点击上方的demo，看里面的基础知识用法，加上论坛里面的示范，就差不多了

---