EXT中tabPanel动态创建tab页面

今天遇到通过EXT的tabpanel页面无法执行js的问题，因此无法动态建立Tab页面,上网查找解决办法，需要使用EXT的扩展插件库ManagedIFrame。

  

// **********************

  // 在中间的面板加入tab

  function addTab(tabId, tabTitle, targetUrl) {



   // 定义tab页面中的Iframe组件

   var tempTabIframe = new Ext.ux.ManagedIFrame( {

    autoCreate : {

     id : '_ifrme_' + tabId, // 设置访问的名称

     src : targetUrl,

     frameBorder : 0,

     cls : 'x-panel-body',

     width : '100%',

     height : '100%'

    }

   });



   // 将IframeTab组件加入到Tab主操作页面中,并显示

   mainframeTabPaenl.add( {

    xtype : "panel",

    title : tabTitle,

    id : '_tab_panel_' + tabId,

    body : tempTabIframe,

    closable : true

   }).show();



  }



  // 更新tab内容，如不存在就新建一个

  function updateTab(tabId, title, url) {

   var tableIframeId = '_ifrme_' + tabId;

   var tabPanelId = '_tab_panel_' + tabId;

   // var tab = mainframeTabPaenl.getItem(tabId);



   var tab = mainframeTabPaenl.getItem(tabPanelId);

   if (tab) {

    mainframeTabPaenl.setActiveTab(tab);

    // tab.getUpdater().update(url);

    // tab.setTitle(title);

   } else {

    tab = addTab(tabId, title, url);

   }

   mainframeTabPaenl.setActiveTab(tab);

  }

相关下载：http://extjs.com/forum/showthread.php?t=32310