Ext js 4.0.7使用单击功能禁用选项卡

时间:2016-02-09 07:51:45

标签: extjs

尝试将click事件添加到禁用选项卡,下面的代码适用于chrome,但也适用于mozilla和IE,甚至jquery bind方法也没有响应,此处禁用选项卡不应在单击时激活但打开新窗口 这是在popwinmanagetabs

var tabs2 = Ext.createWidget('tabpanel', {
        activeTab: 1,
        width: 1200,
        height: 750,
        cls:'mgtabcls',
        id:'mgtab',
        plain: true,
        defaults :{
            autoScroll: true,
            bodyPadding: 80
        },
        items:[
            {
                title:'<div id="popupwinlink" style="cursor:pointer;font-weight:bold;font-size:25px;color:black;" onclick="javascript:popwinmanagetabs();">+</div>',
                id:'addIcon',
                cls:'addtablink',
                style:{cursor:'pointer'},
                disabled:true
            }
        ]
    });

2 个答案:

答案 0 :(得分:1)

如果我是你,我会留在框架内。使用可点击的DIV完全在ExtJS框架之外;保修无效。

我会使用自己的伪禁用,而不是

// instead of tab.disable()
tab.pseudoDisabled=true; 
tab.addCls('x-tab-disabled');

// instead of tab.enable()
tab.pseudoDisabled=false;
tab.removeCls('x-tab-disabled');

// If tab is disabled, disallow access:
beforeactivate:function(tab) {
    if(tab.pseudoDisabled) {
        popwinmanagetabs();
        return false;
    }
}

我没有测试代码;也许我忘记了一些边缘情况(例如,在initComponent之后自动激活第一个非禁用选项卡),但由于你留在框架内,至少你不必担心浏览器兼容性。

答案 1 :(得分:1)

以下代码为我工作

NSURLSession