Выделите строку, которая была выбрана/отмечена в RadListBox

Question

Я использую 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"); 
    } 
} 

Answer 1

Это должно произойти с OOB, если вы привязываете свой список только к начальной странице_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" />