easyui中不同tabs的实现

1、添加button

<div style="margin-top: 20px;">
    <a href="#" class="easyui-linkbutton" οnclick="addTab('mos','http://google.com')">google</a>
    <a href="#" class="easyui-linkbutton" οnclick="addTab('baidu','http://baidu.com')">度娘</a>
</div>

标准化动作，linkbutton，在onclick加上“addTab"及url；

2、添加tabs

<div id="tt" class="easyui-tabs" style="width: 400px;height:250px;">
    <div title="Go"></div>
</div>

这也没好看头，主要注意class就ok了。

3、js实现

function addTab(title, url) {
    var t = $('#tt');
    if (t.tabs('exists', title)) {
        t.tabs('select', title);
    } else {
        var content = '<iframe scrolling="auto" frameborder="0" src="' + url + '" style="width:100%;height:100%;"></iframe>';//通过一个变量，打开tab/web页面
        t.tabs('add', {
            title: title,
            content: content,
            closable: true
        })
    }

}

这段js中，关键是var content有趣，直接将一个iframe传到functionaddTab里的content去了。

注意，他的方法是用''2个单引号执行的，title/content等均为属性。