突出显示在 RadListBox 中选择/选中的行答案

【问题标题】：Highlight the row that was selected/checked in RadListBox突出显示在 RadListBox 中选择/选中的行
【发布时间】：2014-10-16 16:45:37
【问题描述】：

我将 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");
    }
}

【问题讨论】：

您是在尝试预先选择一个值还是页面上的另一个事件导致列表框重新绑定？

标签： javascript jquery asp.net telerik radlistbox

【解决方案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" />

【讨论】：