extjs window 在 tabpanel中显示移动,并随着tabpanel切换而切换

extjs | 2019-09-13 10:02:39

之前用easyui,点击菜单,就显示一个tabpanel子窗口,而tabpanel子窗口是用iframe引入的页面,所以每个tabpanel子窗口里面的内容弹窗什么的相互不影响。可以直接切换,extjs也可以实现window只弹出在tabpanel子窗口中,随tabpanel切换而切换。


直接看代码:


var oneTab=Ext.create({
        xtype:"panel"
});
cmp.up("viewport").down("tabpanel").add(oneTab)
var win=Ext.create({
        xtype:"window",
        constrainTo: oneTab.getEl(),
        constrain: true
}).show();
oneTab.add(win);

1.window要加下面属性限制只能在一个面板里面移动
constrainTo: oneTab.getEl(),
constrain: true

2.oneTab.add(win);
让window作为子面板的下级组件

这样就实现window只能在这个tab里面移动,并随着tab切换了

登录后即可回复 登录 | 注册
    
关注编程学问公众号