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

如果仅在初始Page_Load上绑定列表框，则应该发生OOB。有了它，它不应该重新绑定，控件集合应该保持不变，所以选择不应该改变。将此视为基本样本：

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

突出显示在RadListBox中选中/选中的行

1 个答案: