Question

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

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

我有两个折叠面板扩展器，它具有以下功能： 1.折叠Panel扩展器1分别控制col1和col2中的asp面板。每当按下col1时，col2隐藏/显示 2.折叠面板扩展器2分别控制col4和col5中的asp面板。每当按下col5时，col4隐藏/显示

以下代码适用于后端C＃类中的Collapse面板初始化代码。

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

我尝试了多种方法但没有一种方法有效。

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

asp ajax collapsepanelextender面板调整大小

0 个答案: