EasyUI控制Tab选项卡添加切换功能

小渣渣

【项目概要】
    项目中前台页面用的是EasyUI样式，用户登录后，左侧是导航栏，点击导航栏下的内容，在页面右侧显示的是具体内容。界面如下图所示：

    【需求说明】
    目前项目组长已经实现点击左侧导航菜单下的某个选项，界面右侧出现对应的选项卡内容。而我需要完成的需求是当再次点击右侧已打开的选项卡内容，会回到对应的选项卡内容，而不是总停留在最后打开的一项。
    【实现步骤】
    1.点击，打开对应的选项卡，代码如下：  

1. function addPanel(title) {
   
2.                 $('#tabsgame').tabs('add', {
   
3.                     title: title,
   
4.                     content: '<div style="padding:10px">Content www.itsvse.com' + title + '</div>',
   
5.                     closable: true
   
6.                 });
   
7.             }

复制代码

2.点击，加上条件判断。判断选项卡是否打开，并跳转到对应的选项卡，代码如下：

1. if ($('#tabsgame').tabs('exists', node.text)) {
   
2.                         //跳转到指定的选项卡页面  
   
3.                         $('#tabsgame').tabs('select', node.text);
   
4. 
   
5.                     } else {
   
6.                         addPanel(node.text);
   
7.                     }

复制代码