TreePanel+TabPanel加载内容页面使用iframe问题

点击树形菜单，在TabPanel中显示页面，所使用的是iframe方式，如何在iframe中点击新增按钮，弹出一个窗体，整个网页背景变灰，并居中。而不是在iframe页面中居中，以下是代码：
        var mainTab = Ext.getCmp("mainTab");        var page = mainTab.add({
            'id': id,
            'title': text,
            closable: true,
//            autoLoad: {
//                showMask: true,
//                maskMsg: "正在加载页面，请稍等...",
//                mode: "iframe",
//                url: url,
//                scripts: true
//            }
            html: "<iframe name=\"iframe_" + id + "\" scrolling=\"no\" frameborder=\"0\" width=\"100%\" height=\"100%\" src=\"" + url + "\"></iframe>"
        });        mainTab.setActiveTab(page);
        window.frames["iframe_" + id].location.href = url;