如何在ASP.Net中的updatepanel中添加css类？

Question

如何在asp.net的c#代码隐藏文件中的updatepanel中添加css类

Answer 1

你可以使用单个类的html属性

 <asp:UpdatePanel ID="UpdatePanel1" runat="server" class="MyCssClass">
 </asp:UpdatePanel>

Answer 2

如您所见,更新面板没有css类属性.所以既然不能直接完成,你需要一个解决方法; 有两个(从UpdatePanel和CSS中获取)可以获得您想要的行为.

一种是用div包围更新面板:

<div id="foo" style="visibility: hidden; position: absolute">
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
    </asp:UpdatePanel>
</div>

另一种是根据更新面板的id应用css选择器:

<style type="text/css">
#<%=UpdatePanel1.ClientID%> {
    visibility: hidden;
    position: absolute;
}
</style>

本文中未提及的另一种方法是在div中围绕面板并将更新面板设置为基于它呈现为div的样式:

<style type="text/css">
#foo div {
    visibility: hidden;
    position: absolute;
}
</style>

<div id="foo">
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
    </asp:UpdatePanel>
</div>

Answer 3

更新面板可以呈现为div或span（取决于模式）。实现所需功能的最简单方法是将UpdatePanel包装在标准面板中：

<asp:Panel ID="Panel1" runat="Server">
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
    </asp:UpdatePanel>
</asp:Panel>

您可以在代码隐藏中执行此操作：

Panel1.CssClass = "myCssClass";

您也可以像LFSR Consulting所说的那样使用div，runat="server"然后添加然后更改class属性。但是Panel使用起来稍微容易一些（Panel只是作为div渲染）。