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();//同时把此按钮关闭
}