Выделите строку, которая была выбрана / проверена в 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, если вы связываете свой список только с начальной Page_Load. With this it should not rebind and the controls collection should stay the same, so selection should not change. See this as a basic sample:

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