function addTab(title, url){
if ($('#tt').tabs('exists', title)){
$('#tt').tabs('select', title);
} else {
var content = '<iframe scrolling="auto" frameborder="0" src="'+url+'" style="width:100%;height:100%;"></iframe>';
$('#tt').tabs('add',{
title:title,
content:content,
closable:true
});
}
}
上面是easyUI中一种动态添加标签的方法。但它标签中内容的引入是通过给定一个url直接访问相关的页面。有时候我们需要直接调用该方法然后创建一个新的标签并引入本页面相关的内容,那么该如何让做呢?通过咨询老师,了解到了两个解决途径。一是把你要引入的tab内容直接另建jsp或html文件单独保存,然后通过方法url访问路径导入。第二种是通过要导入内容的id值,但以上方法要做些调整。如下:
function addTab(title, id) {
if ($('#tt').tabs('exists', title)) {
$('#tt').tabs('select', title);
} else {
content = $(id).clone().css('display', 'block').html();
$('#tt').tabs('add', {
title : title,
content : content,
closable : true
});
}
}
我解释下content=$('id').clone().css('display','block').html();这句。通过id复制该消息,并将css样式内容显示、获取html值。