2

我有一个 asp.net 网络表单，其布局如下所示。我试图在这个线程中粘贴图像，但由于我是新用户，我不允许在问题中发布图像。

布局描述如下： 代码创建一个 1 行 5 列的 asp 表。在下面的描述中，列按顺序称为 COl1、Col2、Col3、Col4、Col5。

我有两个折叠面板扩展器，它们执行以下操作： 1. 折叠面板扩展器 1 分别控制 col1 和 col2 中的 asp 面板。每当按下 col1 时，col2 就会隐藏/显示 2。折叠面板扩展器 2 分别控制 col4 和 col5 中的 asp 面板。每当按下 col5 时， col4 隐藏/显示

下面的代码适用于后端 C# 类中的折叠面板初始化代码。

现在我的问题是，我希望 col3 中的 asp 面板根据 Col2 和 COl4 面板的行为自动调整其当前大小。每当隐藏此面板时，Col3 应最大化以占用 Col2、Col3 和 Col4 的空间。当显示 Col2 和 COl4 时，它应该调整回原来的大小。

我尝试了多种方法，但都没有奏效。

            <div id="page_content_middle">
                <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></ajaxToolkit:ToolkitScriptManager>
                <asp:Table ID="page_content_middle_table" runat="server">
                    <asp:TableRow>
                        <asp:TableCell BorderStyle="Dashed" BorderWidth="1" Width="1%">
                            <asp:Panel ID="pnlHeader1" runat="server" BorderStyle="Solid">
                                <asp:Image ID="imgToggle1" runat="server" ImageUrl="~/images/collapse.jpg" ImageAlign="Top" />
                            </asp:Panel>
                        </asp:TableCell>
                        <asp:TableCell BorderStyle="Dashed" BorderWidth="1" Width="14%">
                            <asp:Panel ID="pnlInfo1" runat="server" Width="100%" height="100%" BorderStyle="Solid">
                                <asp:Menu ID="Menu1" runat="server" BackColor="#B5C7DE" DynamicHorizontalOffset="2" Font-Names="Verdana" 
                                    Font-Size="0.8em" ForeColor="#284E98" StaticSubMenuIndent="10px">
                                    <DynamicHoverStyle BackColor="#284E98" ForeColor="White" />
                                    <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
                                    <DynamicMenuStyle BackColor="#B5C7DE" />
                                    <DynamicSelectedStyle BackColor="#507CD1" />
                                    <Items>
                                        <asp:MenuItem Text="Menu1" Value="Menu1"></asp:MenuItem>
                                        <asp:MenuItem Text="Menu2" Value="Menu2"></asp:MenuItem>
                                        <asp:MenuItem Text="Menu3" Value="Menu3"></asp:MenuItem>
                                        <asp:MenuItem Text="Menu4" Value="Menu4"></asp:MenuItem>
                                    </Items>
                                    <StaticHoverStyle BackColor="#284E98" ForeColor="White" />
                                    <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
                                    <StaticSelectedStyle BackColor="#507CD1" />
                                </asp:Menu>
                            </asp:Panel>
                        </asp:TableCell>
                        <asp:TableCell BorderStyle="Dashed" BorderWidth="1" Width="65%">
                            <asp:Panel ID="pageContent" runat="server">
                                Som random text
                            </asp:Panel>
                        </asp:TableCell>
                        <asp:TableCell BorderStyle="Dashed" BorderWidth="1" Width="19%">
                            <asp:Panel ID="pnlInfo2" runat="server" Width="64px" BorderStyle="Solid">
                                Some Random Information
                            </asp:Panel>
                        </asp:TableCell>
                        <asp:TableCell BorderStyle="Dashed" BorderWidth="1" Width="1%">
                            <asp:Panel ID="pnlHeader2" runat="server" Width="15px" BorderStyle="Solid">
                                <asp:Image ID="imgToggle2" runat="server" ImageUrl="~/images/collapse.jpg" ImageAlign="Top" />
                            </asp:Panel>
                        </asp:TableCell>
                    </asp:TableRow>
                </asp:Table>

            </div>
4

0 回答 0