设置显示屏时，面板覆盖其余控制块 [英] Panel cover the rest control when setted display:block
本文介绍了设置显示屏时，面板覆盖其余控制块的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
下面的代码似乎已经很久了，但是不难理解我在代码中做了什么。希望你能给我一个解决方案。
The code below seems to be so long, but it's not hard to understand what I did in that code. Hope you can give me a solution.
我有一个面板 ID =ASPxPanel2与stype设置为显示：none 。
I have a panel ID="ASPxPanel2" with stype set to display:none.
点击按钮新 - >面板将被显示。
After I click on button New --> the panel will be displayed.
当我将 ASPxPanel2 display：block设置为默认值时， Panel1 将显示在 Panel2 下面。但是当我设置Panel2显示：none，然后在代码中再次设置 display：block ---> Panel2 显示封面 Panel1 。
When I set the ASPxPanel2 display:block as default, the Panel1 will be displays below the Panel2. But when I set Panel2 display:none and then set it display:block again in code behind---> the Panel2 display cover 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">
</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
}
帮助！
推荐答案
您的标签已损坏。这部分：
You have broken tags. This part:
</dx:aspxpanel>
</td>
</tr>
</dx:ASPxPanel>
</td>
</tr>
</table>
</asp:Panel> //end ASPXPanel2
应该是：
</dx:aspxpanel>
</td>
</tr>
</table>
这篇关于设置显示屏时，面板覆盖其余控制块的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
