Retain server-side selection on dropdown close

[Simeon]

Hello guys,

We have a ComboBox with checkboxes that is populated in the server-side. Also there it is determined which items should be checked. AutoPostBack for the component is set to false and we trigger a postback through other means.

When the dropdown is closed (OnClientDropDownClosing or OnClientDropDownClosed event), we need to retain the items that were checked at the last postback.

Here is an example:

Let's say we have the items a,b,c,d in the ComboBox:

a and b are set to checked at the last postback. On the client-side the user makes some changes so that yet c and d are checked. Now he decides to close the dropdown. We want that yet a and b are left checked.

 

Currently we have that implemented through a "hack", but we have some cases with massive thata(2000 items+) where it takes several seconds before the dropdown closes, and this is a major performance issue. So is there any way to implement that behaviour?

 

Thanks,

Simeon

 

[Simeon]

Hi again,

so the problem seems to be the set_checked() method of the combobox item. It is really slow. Is there at least a faster alternative to that?

Thanks,

Simeon

[Peter Milchev]

Hello Simeon,

You can achieve something similar on the server, where the performance should be better. 

protected void RadComboBox1_Load(object sender, EventArgs e)
{
    if (ViewState["previouslyCheckedItemsIndices"] != null)
    {
        var checkedItemsIndices = (int[]) ViewState["previouslyCheckedItemsIndices"];
        foreach (int index in checkedItemsIndices)
        {
            RadComboBox1.Items[index].Checked = true;
        }
    }
}

protected void RadComboBox1_PreRender(object sender, EventArgs e)
{
    ViewState.Add("previouslyCheckedItemsIndices", RadComboBox1.GetCheckedIndices());
}

<telerik:RadButton runat="server" ID="RadButton1" Text="Postback" AutoPostBack="true" />
<telerik:RadComboBox ID="RadComboBox1" OnPreRender="RadComboBox1_PreRender" OnLoad="RadComboBox1_Load"
    CheckBoxes="true" runat="server" RenderMode="Lightweight">
    <Items>
        <telerik:RadComboBoxItem Text="Item 1" />
        <telerik:RadComboBoxItem Text="Item 2" />
        <telerik:RadComboBoxItem Text="Item 3" />
        <telerik:RadComboBoxItem Text="Item 4" />
    </Items>
</telerik:RadComboBox>

Regards,
Peter Milchev
Progress Telerik