单击链接，弹出一个Tab

当我们在做一些效果的时候，如果点击一个链接，当前的页面跳转成另外一个页面，当前页面消失。这也许不是我们想要的。现在，我们要做一个效果，点击链接，当前页面不消失，而是添加了一个Tab。请看：

           

 

 

大家可以看到。当我点击 设置点总数：556的时候 弹出的是一个设施点详情的Tab。这是怎么实现的呢？请往下看：

步骤一：设施点总数 556处的代码

                        <td style="text-decoration:underline; cursor:hand; text-align: left;" width="6%" onClick="addTab(”参数1“,"参数2");">556</td>

步骤二：

 <script>
  function addTab(参数1,参数2){
    var m= window.parent.Ext.getCmp("tab")
    var tabpanle=window.top.Ext.getCmp("tabpanle");
       if (!m){
       var newUrl = getRootPath()+"/report/detailkeyreport?lanCode="+参数1+"&userType="+参数2;

     m = tabpanle.add({
     title : "xxxxxxxxxxxxxxx",
     id : "tab",
     border : false,
     closable : true,   //可以关闭Tab
     html : "<iframe  src='" + newUrl
       + "' frameborder=0  width=100% height=100% />"
       });
   tabpanle.activate("tab" );
     }else{
      tabpanle.activate("tab" );
     }
 }       

<script>

OK 搞定。。。