Question

我有这个列表视图，其中包含酒店列表作为链接按钮。当我从列表视图中选择酒店名称时，我想更改其背景颜色，使其看起来像是被选中的。我尝试过很多选择，但没有任何效果。

<asp:ListView ID="HotelListView" runat="server" EnableViewState="true">
  <ItemTemplate>
     <p class="listviewMargin selectedHotelCss">
       <asp:LinkButton ID="SelectedHotelLinkButton" runat="server" Text='<%# Eval("FullName")%>' selectedHotel='<%# Eval("Id")%>' CommandName='selectedHotel' CssClass='darkOliveText'>
       </asp:LinkButton>
     </p>
   </ItemTemplate>
</asp:ListView>

使用CSS尝试1：

p.selectedHotelCss a.selected { background-color:red;}

使用JQuery尝试2：

$('[Id$=<%= SelectedHospitalLinkButton.ClientID %>]').on("click", function () {

    $(this).addClass('selectedText');
});

使用SelectedItemTemplate尝试3：

  <SelectedItemTemplate>
    <tr class="selectedText">
      <td>
        <asp:LinkButton ID="SelectedHospitalLinkButton" runat="server" Text='<%# Eval("FullName")%>' selectedHospitalId='<%# Eval("Id")%>' CommandName='selectedHospitalId' CssClass='darkOliveText'>
         </asp:LinkButton>
       </td>
     </tr>
   </SelectedItemTemplate>

我在这里做错了什么？

Answer 1

尝试在文档就绪时添加此代码：

 $('#<%=SelectedHospitalLinkButton.ClientID%>').click(function() {
  $(this).addClass('selectedText');
 });

Listview选择的项目背景颜色不变

1 个答案: