今天遇到通过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">http://extjs.com/forum/showthread.php?t=32310