EasyUI 动态添加tabs

你只需调用add方法，就可以使用jquery easyui很容易动态添加tabs。在这个教程中，我们动态的添加显示一个页面使用iframe。当点击添加add按钮，新tab被添加。如果tab已经存在，被激活。

第一步：建立tabs

    google

    jquery

    easyui

         

HTML代码很简单，我们创建tabs用一个tab面板，名字为home。记住，我们不需要写任何js代码。
第二步：使addTab函数生效

function addTab(title, url){

    if ($('#tt').tabs('exists', title)){

        $('#tt').tabs('select', title);

    } else {

        var content = '';

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

            title:title,

            content:content,

            closable:true

        });

    }

}

我们使用exists方法判断tab是否存在。如果存在，则激活tab。调用add方法添加新tab面板。