突出顯示在RadListBox中選中/檢查的行

我對RadListBox使用了來自數據庫的數據，我的目標是突出顯示RadListBox中選定的行並保持突出顯示，直到用戶更改其選擇。突出顯示在RadListBox中選中/檢查的行

我該怎麼辦？

我試了一下jQuery，但它不適合我。

<div style="border: 0px solid red;padding: 5px 5px 5px 5px;"> 
          <telerik:RadListBox ID="rlbNavigateIncidents" runat="server" AutoPostBack="True" CheckBoxes="True" ShowCheckAll="False" Width="239px" Height="315px" OnSelectedIndexChanged="rlbNavigateIncidents_OnSelectedIndexChanged" OnClientItemChecked="OnClientItemChecked"> 
         </telerik:RadListBox> 
         </div> 





//============================== // 
// Item Checked // 
// ============================== // 
function pageLoad() { 
    $('li.rlbItem > label > input:checked').parent().parent().addClass("rlbSelected"); 
} 


function OnClientItemChecked(sender, args) { 
    var el = args.get_item().get_element(); 
    if (args.get_item().get_checked()) { 
     $(el).addClass("rlbSelected"); 
    } 
    else { 
     $(el).removeClass("rlbSelected"); 
    } 
}

來源

2014-10-16 Mark Zukerman

您試圖預先選擇一個值還是導致列表框重新綁定的頁面上的另一個事件？ – lurker 2014-10-17 20:16:41

這應該發生OOB如果你綁定你的列表框僅在最初的Page_Load。有了它，它不應該重新綁定，並且控件集合應該保持不變，所以選擇不應該改變。將此視爲基本示例：

<telerik:RadListBox runat="server" ID="RadListBoxSource" Height="200px" Width="200px" 
     AllowTransfer="true" TransferToID="RadListBoxDestination"> 
     <Items> 
      <telerik:RadListBoxItem Text="Argentina"></telerik:RadListBoxItem> 
      <telerik:RadListBoxItem Text="Australia"></telerik:RadListBoxItem> 
      <telerik:RadListBoxItem Text="Brazil"></telerik:RadListBoxItem> 
      <telerik:RadListBoxItem Text="Canada"></telerik:RadListBoxItem> 
      <telerik:RadListBoxItem Text="Chile"></telerik:RadListBoxItem> 
      <telerik:RadListBoxItem Text="China"></telerik:RadListBoxItem> 
      <telerik:RadListBoxItem Text="Egypt"></telerik:RadListBoxItem> 
      <telerik:RadListBoxItem Text="England"></telerik:RadListBoxItem> 
      <telerik:RadListBoxItem Text="France"></telerik:RadListBoxItem> 
      <telerik:RadListBoxItem Text="Germany"></telerik:RadListBoxItem> 
      <telerik:RadListBoxItem Text="India"></telerik:RadListBoxItem> 
      <telerik:RadListBoxItem Text="Indonesia"></telerik:RadListBoxItem> 
      <telerik:RadListBoxItem Text="Kenya"></telerik:RadListBoxItem> 
      <telerik:RadListBoxItem Text="Mexico"></telerik:RadListBoxItem> 
      <telerik:RadListBoxItem Text="New Zealand"></telerik:RadListBoxItem> 
      <telerik:RadListBoxItem Text="South Africa"></telerik:RadListBoxItem> 
      <telerik:RadListBoxItem Text="USA"></telerik:RadListBoxItem> 
     </Items> 
    </telerik:RadListBox> 
    <telerik:RadListBox runat="server" ID="RadListBoxDestination" Height="200px" Width="200px"> 
    </telerik:RadListBox> 
    <asp:Button ID="Button1" Text="postback" runat="server" />

來源

2014-10-21 15:03:52 rdmptn

突出顯示在RadListBox中選中/檢查的行

回答

相關問題