點擊easyui子頁面中的按鈕，在父頁面中增加顯示tabs

轉自：http://blog.csdn.net/u013479571/article/details/50754805

感謝這位哥們。

 

 我們在使用easyui開發后台管理系統時，常常easyui tree和tab會結合使用。通常情況下，點擊同一級的某個鏈接彈出tab非常簡單，如：點擊tree的某一個節點（紅色箭頭所指），會在內容區域顯示數據列表的內容。

 

        但在很多情況下，我們需要做的是點擊easyui子頁面中的按鈕，在父頁面中增加顯示tabs的內容，這時怎么操作呢？

        我的思路是首先根據子頁面獲取父頁面內容，如window. parent， 然后再獲取父頁面中的id為tabs的控件，接着就可以實現添加tab了，具體代碼如下：

var jq = top.jQuery;

if (jq("#tabs").tabs('exists', '一級菜單4')){
    jq("#tabs").tabs('select','一級菜單4');
} else {
    var content = '<iframe scrolling="auto" frameborder="0"  src="http://www.baidu.com" style="width:100%;height:100%;"></iframe>';
    jq("#tabs").tabs('add',{
        title:'一級菜單4',
        content:content,
        closable:true
});
}

效果如下: