Question

我目前正在使用ExtJS开发应用程序。我必须在单击按钮时实现此功能，然后创建两个选项卡面板，其中一个具有组合框的特定默认值，另一个具有其他可能的值。

为此，我使用以下代码（该系统的一小部分用于防止选项卡在已打开的情况下加载两次）：

    var tabPageRami = {
              id         : 'tabPageRami' ,
              title      : 'tabPageRami' ,
              closable   : true ,
              autoScroll : true ,
              deferredRender: false,
              layout     : 'fit' ,
              html       : '<iframe id="ProvvedimentoOperazioneRM"' + ' src="Provvedimento.do?operation=doMain' +
                '&selezione=gestione' + '&listIDUnita=' + ikElemento + '&tipoTabTrascinamenti=tabRami' + '&flagModificaTrascinamenti=true' + '&tipoElemento=' + tipoElemento
                + '&ikElemento=' +ikElemento +  '"' +
                ' style="position: absolute; z-index: 0;"' + ' width="100%"' + ' height="100%"' +
                ' frameborder="0">' + '</iframe>'
            };



    var tabPageNodi = {
              id         : 'tabPageNodi' ,
              title      : 'TabPageNodi' ,
              closable   : true ,
              deferredRender: false,
              autoScroll : true ,
              layout     : 'fit' ,
              html       : '<iframe id="ProvvedimentoOperazioneND"' + ' src="Provvedimento.do?operation=doMain' +
                '&selezione=gestione' + '&listIDUnita=' + ikElemento + '&tipoTabTrascinamenti=tabNodi' + '&flagModificaTrascinamenti=true' + '&tipoElemento=' + tipoElemento
                + '&ikElemento=' +ikElemento +  '"' +
                ' style="position: absolute; z-index: 0;"' + ' width="100%"' + ' height="100%"' +
                ' frameborder="0">' + '</iframe>'
            };

    var tab = Ext.getCmp('chiusuraApprovazioneTabId');

    if(!tabPageNodiExist) {
           tab.add(tabPageNodi);
           tab.setActiveTab('tabPageNodi');
           tab.doLayout();
    }
    else {
           tab.setActiveTab('tabPageNodi');

    }

    if(!tabPageRamiExist) {
           tab.add(tabPageRami);
           tab.setActiveTab('tabPageRami');
           tab.doLayout();

    }
    else {
           tab.setActiveTab('tabPageRami');
    }

使用此解决方案，我可以打开两个选项卡，但是由于某些非常模糊的原因，要打开的第二个选项卡（tabPageRami）出现了问题！例如，组合框的所有箭头都不会呈现。创建后，两个选项卡的布局相同，但分为两个不同的文件，因此我真的不知道它们之间有什么冲突，并使第二个选项不可用。

非常感谢您的帮助

ExtJS应用程序中的冲突选项卡面板

0 个答案: