在其中隐藏面板加载控件答案

【问题标题】：Do hiding panel load controls in it在其中隐藏面板加载控件
【发布时间】：2014-11-28 09:55:08
【问题描述】：

我有一个包含三个部分的 asp.net 页面：
发布
快递
手递

我使用查询字符串将值从一个页面传递到这个 asp.net 页面，并根据值在页面加载期间隐藏其他两个面板。

我在每个面板中有一个包含 SQL 数据绑定和其他控件的下拉列表。

我想知道即使隐藏这些控件是否已加载，或者最好的方法是什么？

【问题讨论】：

在浏览器中打开开发者控制台，查看隐藏元素的 html 是否正在呈现。如果您希望元素不被渲染，则需要在后面的代码中创建它们并将它们添加到page_load上的页面中@
即使我没有在页面加载中添加它，它也没有显示在开发者控制台中。这是正确的做法吗？
没有看到你的代码，我不知道你的方式是否正确。

标签： javascript c# html asp.net

【解决方案1】：

我的建议是你应该使用 - 组合

Ajax Tabs

和

iFrame

<ajax:TabContainer ID="tabID" runat="server" ActiveTabIndex="1" CssClass="ajax__tab_blueGrad-theme"
            AutoPostBack="true" >
            <ajax:TabPanel ID="tab1" runat="server">
                <HeaderTemplate>
                    <span style="padding-left: 5px; padding-right: 5px; font-weight: bold;">Post
                    </span>
                </HeaderTemplate>
                <ContentTemplate>
                    <iframe id="iframe1" src="Post.aspx" runat="server" scrolling="no" frameborder="0" height="500px"
                        width="100%"></iframe> // Post.aspx - your first page
                </ContentTemplate>
            </ajax:TabPanel>
            <ajax:TabPanel ID="tab2" runat="server">
                <HeaderTemplate>
                    <span style="padding-left: 5px; padding-right: 5px; font-weight: bold;">Courier </span>
                </HeaderTemplate>
                <ContentTemplate>
                    <iframe id="iframe2" src="Courier.aspx" runat="server" scrolling="no" frameborder="0" height="500px"
                        width="100%"></iframe> // Courier.aspx your 2nd page
                </ContentTemplate>
            </ajax:TabPanel>
            <ajax:TabPanel ID="tab3" runat="server">
                <HeaderTemplate >
                    <span style="padding-left: 5px; padding-right: 5px; font-weight: bold;">HandDelivery</span>
                </HeaderTemplate>
                <ContentTemplate>
                    <iframe id="iframe3" src="HandDelivery.aspx" runat="server" scrolling="no" frameborder="0" height="500px"
                        width="100%"></iframe> // HandDelivery.aspx your 3rd page
                </ContentTemplate>
            </ajax:TabPanel>
        </ajax:TabContainer>

您可以使用 Ajax Tabs 作为您的 3 个 panels 并在每个 panels 中调用您的 .aspx 页面。

【讨论】：