Ext tab 控件中的flash ,在firfox浏览器下,切换tab会重新加载flash

    flash在firfox下,如果使用display属性,会导致flash重新加载,这时候只能用visibility属性。并设置容器的width和height为0,自己的程序这样实现没有问题。

    如果是在Ext的tab控件中,通过控件切换隐藏和显示flash。则需要做如下操作:

  1.  设置tab控件的hideMode属性为visibility,可能会带来性能的损耗,见红字部分

    Ext.create('Ext.tab.Panel', {
                deferredRender: false,
                region: 'center',
                activeTab: 0,
                defaults: {
                    hideMode: 'visibility'
                },
                listeners: {
                    beforetabchange: function(tabPanel, newCard, oldCard, options) {
                        oldCard.setWidth(0);
                        oldCard.setHeight(0);
                    }
                },
                items: [{
                    layout: 'fit',
                    contentEl: 'othertackel_panel',
                    title: '其他应用1',
                    id: 'item_othertackel_panel',
                    closable: false
     },{
                    layout: 'fit',
                    contentEl: 'othertackel_panel',
                    title: '其他应用',
                    id: 'item_othertackel_panel',
                    closable: false

    }]
                });

  2. 添加listeners 监控beforetabchange控件,修改原来容易的width和height,如下红字部分

Ext.create('Ext.tab.Panel', {
            deferredRender: false,
            region: 'center',
            activeTab: 0,
           
defaults: {
                hideMode: 'visibility'
            },
            listeners: {
                beforetabchange: function(tabPanel, newCard, oldCard, options) {   
                    oldCard.setWidth(0);
                    oldCard.setHeight(0);
                }
            },
            items: [

      {
                layout: 'fit',
                contentEl: 'othertackel_panel',
                title: '其他应用1',
                id: 'item_othertackel_panel',
                closable: false
 },{
                layout: 'fit',
                contentEl: 'othertackel_panel',
                title: '其他应用',
                id: 'item_othertackel_panel',
                closable: false
}]
            });




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值