面板覆蓋設置顯示時的其餘控件：塊

-1

下面的代碼似乎很長，但不難理解我在該代碼中做了什麼。希望你能給我一個解決方案。面板覆蓋設置顯示時的其餘控件：塊

我有一個面板ID="ASPxPanel2"與stype設置爲display:none。

當我點擊按鈕New - >面板將顯示。

當我將ASPxPanel2 display：塊設置爲默認值時，Panel1將顯示在Panel2的下方。但是，當我設置Panel2顯示：無，然後在代碼後面再次將其設置爲display:block --->Panel2顯示蓋Panel1。

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> 

    <table> 
    <tr> 
    <td> 
    <dx:ASPxPanel ID="ASPxPanel2" runat="server" Width="700px" Height="150px" RenderMode="Table" CssClass="display_none">//set to display:none here 
    <PanelCollection> 
    <dx:PanelContent ID="PanelContent1" runat="server" SupportsDisabledAttribute="True"> 
    <table> 
    <tr> 
    <td colspan=4> 
     <asp:Label ID="LabelError" runat="server" ForeColor="red" Text=""> 
     </asp:Label> 
    </td 
    </tr> 
    <tr> 
    <td>Đối tượng</td> 
    <td> 
     <dx:ASPxComboBox ID="MA_DOI_TUONG" runat="server" ClientIDMode="AutoID" 
      ValueType="System.String"> 
     </dx:ASPxComboBox> 
    </td> 
    <td>Loại</td> 
    <td > 
      <dx:ASPxComboBox ID="MA_LOAI" runat="server" ClientIDMode="AutoID" 
      ValueType="System.String"> 
     </dx:ASPxComboBox> 
    </td> 
    <td class="style6"> 
    &nbsp;</td> 
    <td rowspan=5> 
     MoreFileUpload 
         <div style="display: "";" id="div0"> 
         <dx:ASPxTextBox ID="TFileUpload0" runat="server" ClientIDMode="AutoID" 
           Width="180px" Height="16px"> 
         </dx:ASPxTextBox> 
         <asp:FileUpload ID="FileUpload0" runat="server" accept="png|jpg" Width="180px" size=32 /> 
         </div> 

         <div style="display: none;" id="div1"> 
         <dx:ASPxTextBox ID="TFileUpload1" runat="server" ClientIDMode="AutoID" 
           Width="180px" Height="16px"> 
         </dx:ASPxTextBox>      
         <asp:FileUpload ID="FileUpload1" runat="server" accept="png|jpg" Width="180px" size=32 /> 
         </div> 

         <div style="display: none;" id="div2"> 
         <dx:ASPxTextBox ID="TFileUpload2" runat="server" ClientIDMode="AutoID" 
           Width="180px" Height="16px"> 
         </dx:ASPxTextBox> 
         <asp:FileUpload ID="FileUpload2" runat="server" accept="png|jpg" Width="180px" size=32 /> 
         </div> 

         <div style="display: none;" id="div3"> 
         <dx:ASPxTextBox ID="TFileUpload3" runat="server" ClientIDMode="AutoID" 
           Width="180px" Height="16px"> 
         </dx:ASPxTextBox>      
         <asp:FileUpload ID="FileUpload3" runat="server" accept="png|jpg" Width="180px" size=32 /> 
         </div> 

         <div style="display: none;" id="div4"> 
         <dx:ASPxTextBox ID="TFileUpload4" runat="server" ClientIDMode="AutoID" 
           Width="180px" Height="16px"> 
         </dx:ASPxTextBox> 
         <asp:FileUpload ID="FileUpload4" runat="server" accept="png|jpg" Width="180px" size=32 /> 
         </div> 
         <div style="display: none;" id="div5"> 
         <dx:ASPxTextBox ID="TFileUpload5" runat="server" ClientIDMode="AutoID" 
           Width="180px" Height="16px"> 
         </dx:ASPxTextBox>      
         <asp:FileUpload ID="FileUpload5" runat="server" accept="png|jpg" Width="180px" size=32 /> 
         </div> 

         <div style="display: none;" id="div6"> 
         <dx:ASPxTextBox ID="TFileUpload6" runat="server" ClientIDMode="AutoID" 
           Width="180px" Height="16px"> 
         </dx:ASPxTextBox> 
         <asp:FileUpload ID="FileUpload6" runat="server" accept="png|jpg" Width="180px" size=32 /> 
         </div> 
         <div style="display: none;" id="div7"> 
         <dx:ASPxTextBox ID="TFileUpload7" runat="server" ClientIDMode="AutoID" 
           Width="180px" Height="16px"> 
         </dx:ASPxTextBox>      
         <asp:FileUpload ID="FileUpload7" runat="server" accept="png|jpg" Width="180px" size=32 /> 
         </div> 

         <div style="display: none;" id="div8"> 
         <dx:ASPxTextBox ID="TFileUpload8" runat="server" ClientIDMode="AutoID" 
           Width="180px" Height="16px"> 
         </dx:ASPxTextBox> 
         <asp:FileUpload ID="FileUpload8" runat="server" accept="png|jpg" Width="180px" size=32 /> 
         </div> 
         <div style="display: none;" id="div9"> 
         <dx:ASPxTextBox ID="TFileUpload9" runat="server" ClientIDMode="AutoID" 
           Width="180px" Height="16px"> 
         </dx:ASPxTextBox>      
         <asp:FileUpload ID="FileUpload9" runat="server" accept="png|jpg" Width="180px" size=32 /> 
         </div> 

         <div style="display: none;" id="div10"> 
         <dx:ASPxTextBox ID="TFileUpload10" runat="server" ClientIDMode="AutoID" 
           Width="180px" Height="16px"> 
         </dx:ASPxTextBox> 
         <asp:FileUpload ID="FileUpload10" runat="server" accept="png|jpg" Width="180px" size=32 /> 
         </div> 
         <div style="display: none;" id="div11"> 
         <dx:ASPxTextBox ID="TFileUpload11" runat="server" ClientIDMode="AutoID" 
           Width="180px" Height="16px"> 
         </dx:ASPxTextBox>      
         <asp:FileUpload ID="FileUpload11" runat="server" accept="png|jpg" Width="180px" size=32 /> 
         </div> 

         <div style="display: none;" id="div12"> 
         <dx:ASPxTextBox ID="TFileUpload12" runat="server" ClientIDMode="AutoID" 
           Width="180px" Height="16px"> 
         </dx:ASPxTextBox> 
         <asp:FileUpload ID="FileUpload12" runat="server" accept="png|jpg" Width="180px" size=32 /> 
         </div> 
         <div style="display: none;" id="div13"> 
         <dx:ASPxTextBox ID="TFileUpload13" runat="server" ClientIDMode="AutoID" 
           Width="180px" Height="16px"> 
         </dx:ASPxTextBox>      
         <asp:FileUpload ID="FileUpload13" runat="server" accept="png|jpg" Width="180px" size=32 /> 
         </div> 

         <div style="display: none;" id="div14"> 
         <dx:ASPxTextBox ID="TFileUpload14" runat="server" ClientIDMode="AutoID" 
           Width="180px" Height="16px"> 
         </dx:ASPxTextBox> 
         <asp:FileUpload ID="FileUpload14" runat="server" accept="png|jpg" Width="180px" size=32 /> 
         </div> 
         <div style="display: none;" id="div15"> 
         <dx:ASPxTextBox ID="TFileUpload15" runat="server" ClientIDMode="AutoID" 
           Width="180px" Height="16px"> 
         </dx:ASPxTextBox>      
         <asp:FileUpload ID="FileUpload15" runat="server" accept="png|jpg" Width="180px" size=32 /> 
         </div> 

         <div style="display: none;" id="div16"> 
         <dx:ASPxTextBox ID="TFileUpload16" runat="server" ClientIDMode="AutoID" 
           Width="180px" Height="16px"> 
         </dx:ASPxTextBox> 
         <asp:FileUpload ID="FileUpload16" runat="server" accept="png|jpg" Width="180px" size=32 /> 
         </div> 
         <div style="display: none;" id="div17"> 
         <dx:ASPxTextBox ID="TFileUpload17" runat="server" ClientIDMode="AutoID" 
           Width="180px" Height="16px"> 
         </dx:ASPxTextBox>      
         <asp:FileUpload ID="FileUpload17" runat="server" accept="png|jpg" Width="180px" size=32 /> 
         </div> 

         <div style="display: none;" id="div18"> 
         <dx:ASPxTextBox ID="TFileUpload18" runat="server" ClientIDMode="AutoID" 
           Width="180px" Height="16px"> 
         </dx:ASPxTextBox> 
         <asp:FileUpload ID="FileUpload18" runat="server" accept="png|jpg" Width="180px" size=32 /> 
         </div> 
         <div style="display: none;" id="div19"> 
         <dx:ASPxTextBox ID="TFileUpload19" runat="server" ClientIDMode="AutoID" 
           Width="180px" Height="16px"> 
         </dx:ASPxTextBox> 
         <asp:FileUpload ID="FileUpload19" runat="server" accept="png|jpg" Width="180px" size=27 /> 
         </div> 
         <div style="text-align: left; width: 263px;" id="divShow"> 
          <a id="linkMore" href="javascript:void(0)" onclick="javascript:ShowHideFileUpload(this.id)"> 
           + Add More ...</a></div> 

         <br /><br /> 
    </td> 
    </tr> 
    <tr> 
    <td>Title</td> 
    <td class="style5" colspan=3> 
     <dx:ASPxTextBox ID="TITLE" runat="server" ClientIDMode="AutoID" 
      Width="300px" Height="16px" > 
     </dx:ASPxTextBox> 
    </td> 
    </tr> 
    <tr><td>Content</td> 
    <td class="style2" colspan=3> 
      <FTB:FreeTextBox id="ftCONTENT" runat="server" 
      ToolbarLayout="ParagraphMenu,FontFacesMenu,FontSizesMenu,FontForeColorsMenu,FontForeColorPicker,FontBackColorsMenu,FontBackColorPicker|Bold,Italic,Underline,JustifyLeft,JustifyRight,JustifyCenter,JustifyFull;BulletedList,NumberedList, 
      Cut,Copy,Paste,Delete;Undo,Redo,InsertTable,EditTable;InsertTableRowAfter,InsertTableRowBefore,DeleteTableRow;InsertTableColumnAfter,InsertTableColumnBefore,DeleteTableColumn" 
       EditorBorderColorDark="DarkGray" EditorBorderColorLight="DarkGray" 
       Width="100%" GutterBorderColorDark="Gray" GutterBorderColorLight="White" 
       ToolbarStyleConfiguration="Office2000" AutoGenerateToolbarsFromString="True" JavaScriptLocation="InternalResource" /> 
    </td> 
    </tr> 
    <tr> 
    <td>FileAttach</td> 
    <td colspan=3> 
      <asp:FileUpload ID="PATH" runat="server" 
       size=40 Width="300px"/></td></tr> 
    <tr align=center> 
    <td colspan=5 align=center> 
      <dx:ASPxButton ID="ASPxButton1" runat="server" ClientIDMode="AutoID" 
       style="text-align: center" Text="Thêm" HorizontalAlign="Center" 
       OnClick="btnInsert_Click"> 
      </dx:ASPxButton> 
    </td> 
    </tr> 
    </table> 
    </dx:PanelContent> 
    </PanelCollection> 
    </dx:ASPxPanel> 
     </td></tr> 
    </dx:ASPxPanel> 
    </td> 
    </tr> 
    </table> 
    </asp:Panel> //end ASPXPanel2 

    <table> 
      <tr> 
      <td> 
<dx:ASPxPanel ID="ASPxPanel1" runat="server" Width="200px" RenderMode="Table"> 

     </dx:ASPxPanel> 
     </td> 
       <td> 
        <asp:Button ID="btnNew" runat="server" Text="NEW" OnClick="btnNew_Click" /> 
       </td> 
      </tr> 
     </table> 
</asp:content>

在後面的代碼：

protected void btnNew_Click(object sender, EventArgs e) 
    { 

     ASPxPanel2.Attributes.Add("Style", "display:block"); 
//do something more 

    }

幫助！

來源

2013-10-07 Vy Clarks

我懷疑它回答你的問題，但是你錯過了'<'的'TD>'一個包裝你的Panel1的。 –

@RobG哦，我忘了複製和粘貼。我已更新 –

這是太多的代碼，它的格式太差。如果問題與您的標記相關，我不會感到驚訝，例如未封閉標籤，缺少屬性引用等。請確認您的標記首先有效，如果問題仍然存在，則僅在相關代碼中發佈。 –

您已損壞標籤。這一部分：

</dx:aspxpanel> 
      </td> 
     </tr> 
     </dx:ASPxPanel> 
</td> 
</tr> 
    </table> 
    </asp:Panel> //end ASPXPanel2

應該是：

   </dx:aspxpanel> 
      </td> 
     </tr> 
    </table>

來源

2013-10-07 21:51:27 afzalulh

面板覆蓋設置顯示時的其餘控件：塊

回答

相關問題