1.新增相應的引用。

2.具體使用如下：

<script type="text/javascript">

$(function () {

//begin init

var content = '<iframe scrolling="auto" frameborder="0" id="' + tabid + '"src="' + url + '" style="width:100%;height:100%;"></iframe>';

$('#TheTab').tabs('add', {

title: "the first",

content: content,

closable: false

});
 

$('#TheTab').tabs('add', {

title: "the first",

content: content,

closable: false

});

//獲取第一個根節點的text

var param = "<%=rootOneText%>";

//獲取tree引數

InitTreeData('GetData.ashx?action=' + param);

});

//easyUI Tab

function InitTreeData(zhi) {

$('#tt').tree({

url: value,

onClick: function (node) {

if ($('#tt').tree('isLeaf', node.target)) {//判斷是否是葉子節點

var str = "<%=Request.Cookies["UserInfo"].Values["UserName"]%>";

var newTab = node.text;

var topic = "QMS";

var biscode = node.id;

var prex = biscode.substring(1, 3);

//by node;

var parent = $('#tt').tree('getParent', node.target);

var Gparent = $('#tt').tree('getParent', parent.target);

var tabid = Gparent.text+parent.text+newTab;

//判斷是否（未開啟執行）（具體判斷方式，具體對待）

//if ($('#TheTab').tabs('exists', newTab)) {

if ($("#" + tabid).html() != null) {

$('#TheTab').tabs('update', newTab);

} else {

switch (prex) {}

}

//獲取最後一個tabs 在新加的選項卡後面新增"關閉全部"

var li = $(".tabs-wrap ul li:last-child");

$("#close").remove();

li.after("<li id='close'><a class='tabs-inner' href='javascript:void()' onClick='javascript:closeAll()'>關閉全部</a></li>");

}

},

onDblClick: function (node) {

if (!$('#tt').tree('isLeaf', node.target)) {

//非葉節點雙擊展開節點

$(this).tree(node.state === 'closed' ? 'expand' : 'collapse', node.target);

node.state = node.state === 'closed' ? 'open' : 'closed';

}

}

});

}

function closeAll() {

$(".tabs li").each(function (index, obj) {

//獲取所有可關閉的選項卡

var tab = $(".tabs-closable", this).text();

$(".easyui-tabs").tabs('close', tab);

});

$("#close").remove();//同時把此按鈕關閉

}