我们经常动态添加Tab页并按照权限分配,所以不能简单地用index来操作tab,如何获取到easyui 动态添加tabs之后的id并进行操作呢,请看本文介绍的方法。
//二级菜单动态添加一个tabs
function bindEvent() {
$(".btn_menu").click(function () {
var title = $(this).text();
var url = $(this).attr("url");
var parent_id = $(this).parent().data('id');
var isSelect = $("#container").tabs('exists', title);
if (isSelect) {
$("#container").tabs('select', title);
return;
}
$("#container").tabs('add', {
id: id, //自己赋的id
title: title,
content: CreateContent(url),
closable: true
});
});
}
//选中后
$('#container').tabs({
border:false,
onSelect:function(title){
alert(); //选中后如何获取到这个id呢?
}
});
获得tab的id并进行操作:
$('#container').tabs({
border:false,
onSelect:function(title,index){//添加一个index参数
var pp = $('#container').tabs('getTab',index);
var id = pp.panel('options').id;
alert(id);
}
});