如何“动态”添加CSS类？

Question

在我的aspx文件中，我在中继器中包含以下html代码： <div class="someItem "> 。

现在，如果Eval("Approved") == true ，那么我想将批准的类添加到div中。
因此，新的html将是<div class="someItem approved"> 。

我试图做这样的事情：

<%# if(Eval("Approved")) approved %>

但这并不是很好。 有任何想法吗？

Answer 1

您可以将div作为服务器控件，例如->

<div id="myDIV" class="myClass" runat="server"></div>.

然后，您可以直接从后面的代码中访问它，就像

myDIV.Attributes["class"] = "classOfYourChoice";

查看此-> 如何在.NET中使用C＃编辑div的CSS样式

Answer 2

如果该项目被批准<div id="someItem">或者如果评估为true，则添加批准的类，也许最好考虑一下。

<div id="someItem" "<%# Eval("Approved") ? Response.Write("class=\"approved\"") : "" %>">

Answer 3

如果无法在数据绑定＃行中使用。

因此，您可以通过以下方法解决此问题：

<%# isApproved = Convert.ToBoolean(Eval("Approved").ToString()) %>
<% if(isApproved){ %>
  <div class="someItem approved">
<%}%>

并且不要忘记在后面的代码中将isApproved声明为受保护的。

还请看看这个问题：

是否可以在标记中直接使用数据绑定表达式来显示/隐藏内容？

这可能会回答您问题中最重要的部分。

Answer 4

您可以使用asp.net面板并从后面的代码控制它的操作。 面板呈现为DIV，并且在运行时可以访问它的CssClass。