位置:首页 » 文章/教程分享 » 如何获取到easyui 动态添加tabs之后的id

我们经常动态添加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);
    }
});