asp.net - li标签图片定制

Question

我有一个无序列表，其列表项将由数据列表填充，该数据列表绑定(bind)到具有不同优先级的警报列表。

标记:

 <ul>
   <asp:DataList ID="Alerts" runat="server">
     <ItemTemplate>
       <li class="alert<%# Eval("Priority") %>"><%# Eval("Message")%></li>
     </ItemTemplate>
   </asp:DataList>
 </ul>

CSS:

.alert1, .alert2
{
  list-style-image: url(/Content/Image/alert1.png)
}
.alert3
{
  list-style-image: url(/Content/Image/alert3.png)
}
.alert4
{
  list-style-image: url(/Content/Image/alert4.png)
}

我想要的是指定 want .png 用于列表中每个元素的元素符号，具体取决于警报的优先级。看起来真的应该有办法做到这一点，但它对我不起作用。

想法？

Answer 1

我很惊讶这个工作:

 <li class="alert<%# Eval("Priority") %>"><%# Eval("Message")%></li>

应该是:

 <li class='alert<%# Eval("Priority") %>'><%# Eval("Message")%></li>

否则看起来没问题。