Question

我创建了一个带有AJAX Accordion控件的ASP.NET页面。在窗格内是几个控件，其中一些控件由于各种原因放在Panel控件中。

但是，在呈现页面时，面板的结束标记之后的页面上的控件将显示在面板内。对于生活我来说，我无法弄清楚为什么，这让我疯狂！在包含面板的那个之后，即使点击手风琴窗格的标题也不会导致窗格扩展，这是在我添加Panel之前做的，似乎因为即使IT表现得好像它在Panel中！

任何想法我做错了什么？如何使页面相信小组结束!!？

 <asp:Accordion ID="accQuestionnaire" runat="server" RequireOpenedPane="false" ContentCssClass="AccordionContent" HeaderCssClass="AccordionHeader" FadeTransitions="true"
        transitionduration="250" HeaderSelectedCssClass="AccordionSelected" SelectedIndex="0" SuppressHeaderPostbacks="true" >
        <Panes>
            <%--START OF Tristan Link Pane (0)-------------------------------------------------------------%>
            <asp:AccordionPane ID="pnTristanLink" runat="server" ContentCssClass="AccordionContent" ViewStateMode="Enabled" >
                <Header>
                    Tristan Link                                    
                </Header>
                <Content>                        
                    <div class="centrebuttonsdiv" >
                        <asp:Button ID="btnSearchTristan" runat="server" CssClass="largebutton" Text="Search Tristan" /><br />
                    </div>
                    <asp:Panel ID="pnlTristanSearch" runat="server" CssClass="panel" >
                        <div class="leftdiv"> <%--Matching Tristan results--%>
                            <asp:FormView ID="fvTristanSearch" runat="server" CssClass="FormView" >
                                <ItemTemplate>
                                    <asp:Label ID="lblTristanSearchLabel" runat="server" CssClass="fieldtitle" Text="The information from Tristan for this Case Number is:" /><br /><br />
                                    <asp:Label ID="lblAnimalNameLabel" runat="server" CssClass="fieldtitle" Text="Horse Name: " />
                                    <asp:Label ID="lblAnimalName" runat="server" Text='<%# Eval("PetName") & " " & Eval("ClientNameLast") %>' /><br />
                                    <asp:Label ID="lblGenderLabel" runat="server" CssClass="fieldtitle" Text="Sex: " />
                                    <asp:Label ID="lblGender" runat="server" Text='<%# Eval("L_GenderDesc") %>' /><br />
                                    <asp:Label ID="lblBreedLabel" runat="server" CssClass="fieldtitle" Text="Breed: " />
                                    <asp:Label ID="lblBreed" runat="server" Text='<%# Eval("L_BreedDesc") %>' /><br />
                                    <asp:Label ID="lblDOBLabel" runat="server" CssClass="fieldtitle" Text="DOB: " />
                                    <asp:Label ID="lblDOB" runat="server" Text='<%# Eval("PetDOB", "{0:d}") %>' /><br /><br />
                                </ItemTemplate>
                            </asp:FormView>
                        </div>
                        <div class="rightdiv">
                            <br /><br />
                            <asp:Label ID="lblUnmatchedAppointments" runat="server" Text="Appointments for this horse with no Colic Study details:" Visible="false" /><br />
                            <asp:ListBox ID="lstUnmatchedAppointments" runat="server" DataSourceID="SQLUnmatchedAppointments" DataTextField="AppointmentDate" DataTextFormatString="{0:d}" DataValueField="AppointmentID"
                                Visible = "False" />
                        </div>
                        <div class="cleardiv" />
                    </asp:Panel>

                    <div class="centrebuttonsdiv" >
                        <asp:Label ID="lblTristanSearchInstructions" runat="server" Text="Select an appointment from the list above and click 'Save Section' to continue.  Otherwise, click 'Clear Retrieved Information'
                            to search again" Visible="false" /><br />
                        <asp:Button ID="btnClearTristanSearch" runat="server" Text="Clear Retrieved Information" Visible="false" CssClass="largebutton" />
                        <asp:Button ID="btnSaveTristanLink" runat="server" Text="Save Section" OnClientClick="disablePanes()" Visible="false" Enabled="false" CssClass="largebutton" />
                    </div>                    
                </Content>
            </asp:AccordionPane>

Answer 1

我相信改变这一行：

<div class="cleardiv" />

到这个

<div class="cleardiv"></div>

将解决渲染问题; <div>通常不是自动关闭标记。

ASP.NET面板未结束

1 个答案: