c# – iFrame在asp AjaxToolkit TabContainer中加载两次

2023年10月6日 183次阅读

我在我的prjoect中使用asp AjaxToolkit,如下面的asp.net C#代码.

<asp:UpdatePanel ID="UpdatePanelDemo" runat="server">
        <ContentTemplate>
            <ajax:TabContainer ID="tabMessage" runat="server" ActiveTabIndex="1" AutoPostBack="true"
                OnActiveTabChanged="tabMessage_ActiveTabChanged" CssClass="ajax__tab_blueGrad-theme">
                <ajax:TabPanel ID="TabMCompose" runat="server">
                    <HeaderTemplate>
                        <span style="padding-left: 5px; padding-right: 5px;">Compose </span>
                    </HeaderTemplate>
                    <ContentTemplate>
                    This Text not flickering or not loading twice // ***** 
                        <iframe id="IFrmCompose" runat="server" scrolling="no" frameborder="0" height="400px"
                            width="100%"></iframe>
                    </ContentTemplate>
                </ajax:TabPanel>
                <ajax:TabPanel ID="tabMInbox" runat="server">
                    <HeaderTemplate>
                        <span style="padding-left: 5px; padding-right: 5px;">Inbox (<span id="SpnIn" runat="server"></span>)</span>
                    </HeaderTemplate>
                    <ContentTemplate>
                        <iframe id="IFrmInbox" runat="server" scrolling="no" frameborder="0" height="400px"
                            width="100%"></iframe>
                    </ContentTemplate>
                </ajax:TabPanel>
            </ajax:TabContainer>
        </ContentTemplate>
   </asp:UpdatePanel>

问题：当我在ajax TabContainer中使用iFrame并且当用户从1st Tab移动到2nd Tab时,似乎页面加载两次并且iFrame加载两次或者它闪烁但是iFrame上方的文本如上所示(‘This Text not闪烁或不加载两次’)没有闪烁.

似乎iFrame和Ajax TabContainer存在一些问题.

请告诉我为什么会这样.

谢谢.

最佳答案 不是100％肯定,因为没有附加代码隐藏,但它看起来像一个ViewState问题.由于您没有在转发器模板中设置IFrame SRC,因此页面init将首先将IFrame设置为空,然后重新设置URL,即使它未更改(导致其闪烁).

建议：更改选项卡时,在ViewState或其他URL中保留URL,并将其在转发器模板中设置为持久值.始终将任何空框架SRC设置为“about：blank”以避免不必要的加载并可靠地检测更改.

只是一个注意事项：在某种程度上,你做两次相同的事情 – 使用UpdatePanels / Ajax控件你不需要IFrames,你的选项卡的内容应该通过AJAX调用检索,从而使IFrames过时.

点赞