【问题标题】:Listview selected item background color not changingListview所选项目背景颜色不变
【发布时间】:2014-01-22 15:43:34
【问题描述】:

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

<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>

我在这里做错了什么?

【问题讨论】:

  • 您是否在另一个控件上检查了 CSS 类“selectedText”?您能检查一下您是否没有在每次回发时重新填充列表视图
  • "selectedText" 正在为选定节点处理 Treeview。不,列表视图不会在回发时重新填充

标签: jquery asp.net css listview


【解决方案1】:

尝试在准备好的文档上添加此代码:

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

【讨论】:

  • 是的,警报来了。您的 Jquery 函数被调用。在我的情况下,它也被调用。我相信这可能是 PostBack 的问题
猜你喜欢
  • 2013-06-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-03-10
  • 2016-03-13
  • 2011-09-19
  • 1970-01-01
相关资源
最近更新 更多