[CLOSED] Add multiple dynamic tab (e.g. iframe) to tabpanel and load this immediately via Code behind

[kwcitadmin]

Hi Team,

Is that possbile to add multiple dynamic tab (e.g. iframe) to tabpanel and load this immediately via code behind?

                    Panel pendingTicketProblemReportingProblemReportingTab = new Panel();
                    pendingTicketProblemReportingProblemReportingTab.ID = String.Format(TabIdTemplate.TabProblemReportingEntityListTemplate, EntityCodeValue.PendingTicket);
                    pendingTicketProblemReportingProblemReportingTab.Border = false;
                    pendingTicketProblemReportingProblemReportingTab.AutoLoad.Mode = LoadMode.IFrame;
                    pendingTicketProblemReportingProblemReportingTab.AutoLoad.Url = this.GetAppSetting("UrlProblemReportingEntityList");
                    pendingTicketProblemReportingProblemReportingTab.AutoLoad.Params.Add(new Parameter(ParamName.EntityCode, EntityCodeValue.PendingTicket));
                    pendingTicketProblemReportingProblemReportingTab.AutoLoad.ShowMask = true;
                    pendingTicketProblemReportingProblemReportingTab.AutoLoad.NoCache = true;
                    pendingTicketProblemReportingProblemReportingTab.Icon = Icon.BasketRemove;
                    pendingTicketProblemReportingProblemReportingTab.TabTip = "Pending Request";
                    pendingTicketProblemReportingProblemReportingTab.AddTo(this.pnlMainRequestTabs);

                    Panel processTicketProblemReportingProblemReportingTab = new Panel();
                    processTicketProblemReportingProblemReportingTab.ID = String.Format(TabIdTemplate.TabProblemReportingEntityListTemplate, EntityCodeValue.ProcessTicket);
                    processTicketProblemReportingProblemReportingTab.Border = false;
                    processTicketProblemReportingProblemReportingTab.AutoLoad.Mode = LoadMode.IFrame;
                    processTicketProblemReportingProblemReportingTab.AutoLoad.Url = this.GetAppSetting("UrlProblemReportingEntityList");
                    processTicketProblemReportingProblemReportingTab.AutoLoad.Params.Add(new Parameter(ParamName.EntityCode, EntityCodeValue.ProcessTicket));
                    processTicketProblemReportingProblemReportingTab.AutoLoad.ShowMask = true;
                    processTicketProblemReportingProblemReportingTab.AutoLoad.NoCache = true;
                    processTicketProblemReportingProblemReportingTab.Icon = Icon.World;
                    processTicketProblemReportingProblemReportingTab.TabTip = "All Processing Request";
                    processTicketProblemReportingProblemReportingTab.AddTo(this.pnlMainRequestTabs);

Best Regards,
Terry

[Daniil]

Hi Terry,

and load this immediately via code behind?

All the dynamic tabs immediately? By default, a TabPanel renders tabs on first activation. So, a tab can load its content if it is rendered itself. To change this default behavior, you can set up DeferredRender="false". It will cause that all tabs should be rendered at the moment they are added to a TabPanel. But it doesn't 100% mean that tabs will load its content. I recall the issue when a browser (seems, IE) don't want to load a hidden iframe. Seems, the solution was activating all the tabs.

[Baidaly]

Hello!

To load it you should use

pnlMainRequestTabs.SetActiveTab(pendingTicketProblemReportingProblemReportingTab);

[kwcitadmin]

Hi Baidaly,

pnlMainRequestTabs.SetActiveTab(pendingTicketProblemReportingProblemReportingTab);

The above is loaded one tab. I would like to load/preload all tabs. Thx vm.

Hi Daniil,

I have tried DeferredRender="false" for iframe. However, this does work.

Besides, the application must support IE. Thx vm.

Best Regards,
Terry

[Daniil]

Hi Daniil,

I have tried DeferredRender="false" for iframe. However, this does work.

Besides, the application must support IE. Thx vm.

Did you mean that it doesn't work instead of "does work"?

[kwcitadmin]

Hi Daniil,

Yes, you are correct. This doesn't work. Thx vm.

Best Regards,
Terry

[Daniil]

Then, unfortunately, the only way is activating all the tabs.

tabPanel.items.each(function (tab) {
    tabPanel.setActiveTab(tab);
});

tabPanel.setActiveTab(tabWhichShouldBeActuallyActivated);

You can try to mask this process.

Please note that a hidden iframe is not loaded on the IE level. Unfortunately, we cannot affect it.

[kwcitadmin]

Hi Daniil,

Got this. Thx vm.

Best Regards,
Terry