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

Hi Team,

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

Code:

---

                    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

Hi Terry,

Quote:

---

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.

Hello!

To load it you should use

Code:

---

pnlMainRequestTabs.SetActiveTab(pendingTicketProblemReportingProblemReportingTab);

---

Hi Baidaly,

Code:

---

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

Quote:

---

Originally Posted by kwcitadmin

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"?

Hi Daniil,

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

Best Regards,
Terry

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

Code:

---

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.

Hi Daniil,

Got this. Thx vm.

Best Regards,
Terry