Radiobuttonlist selectedIndexChange event does not fire

[Tim]

Radiobuttonlist selectedIndexChange event does not fire when nested inside of  a RadSplitter/RadPane

<telerik:RadSplitter
     runat="server"
     ID = "radSplitter1"
     ResizeWithBrowserWindow="true"
     Orientation="Vertical"
     ResizeMode="Proportional">

     <telerik:RadPane
          runat="server"
          ID=radPane1>
                <telerik:RadioButtonList
                     runat="server"
                     ID="radioButtonList1"
                     Direction="Vertical"
                     AutoPostBack="true"
                     OnSelectedIndexChange="RadioButtonList1_SelectedIndexChanged">

                     <Databindings
                           DataTextField="Name"
                           DataValueFields="Value"
                           DataSelectedField="Selected"/>

          </telerik:RadioButtonList>

     </telerik: RadPane>
</telerik:RadSplitter>

When I move the RadioButtonList to the outside of the RadSplitter then the RadioButtonList1_SelectedIndexChanged fires.  I'm using Telerik Version 2017.1.228.445


    

     

[Vessy]

Hi Tim,

The name of the RadButtonList's property to which you can attach a handler to the server-side SelectedIndexChange event is called OnSelectedIndexChanged (with -ed in the end). Changing the provided configuration in the way below triggers the event properly at my end both when it is placed inside and outside the Splitter:

<telerik:RadSplitter
    runat="server"
    ID="radSplitter1"
    ResizeWithBrowserWindow="true"
    Orientation="Vertical"
    ResizeMode="Proportional">
    <telerik:RadPane
        runat="server"
        ID="radPane1">
        <telerik:RadRadioButtonList
            runat="server"
            ID="radioButtonList1"
            Direction="Vertical"
            AutoPostBack="true"
            OnSelectedIndexChanged="radioButtonList1_SelectedIndexChanged">
            <DataBindings
                DataTextField="Name"
                DataValueField="Value"
                DataSelectedField="Selected" />
        </telerik:RadRadioButtonList>
    </telerik:RadPane>
    <telerik:RadPane ID="AdditionalRadPane" runat="server"></telerik:RadPane>
</telerik:RadSplitter>

protected void Page_Load(object sender, EventArgs e)
{
    radioButtonList1.DataSource = GetData();
    radioButtonList1.DataBind();
}

private IEnumerable<object> GetData()
{
    List<object> result = new List<object>() {
    new { Name = "English", Value = "en", Selected = true, Enabled = true },
    new { Name = "German", Value = "de", Selected = false, Enabled = true },
    new { Name = "french", Value = "fr", Selected = false, Enabled = true }
};
    return result;
}

protected void radioButtonList1_SelectedIndexChanged(object sender, EventArgs e)
{

}

In addition, please note, that Splitter must contain at least two RadPanes in order to behave properly, thus I have added one additional Splitter to the configuration above:
https://docs.telerik.com/devtools/aspnet-ajax/controls/splitter/layout/declaring-splitter

Regards,
Vessy
Progress Telerik

[Tim]

This is my code with a RadRadioButtonList inside the RadSplitter

<telerik:RadSplitter
runat="server"
ID="radSplitter1"
ResizeWithBrowserWindow="true"
Orientation="Vertical"
ResizeMode="Proportional">

<telerik:RadPane
runat="server"
ID="radPane1">

<telerik:RadRadioButtonList runat="server" Width="99%" 
Skin="Simple"                              
ID="ButtonList"                             
Direction="Vertical"                             
OnSelectedIndexChanged="OnSelectedIndexChanged">
<Databindings DataTextField="Name" DataValueField="Value"                
DataSelectedField="Selected" /></telerik:RadRadioButtonList>
</telerik:RadPane><telerik:RadPane ID="RadPane2" runat="server">
</telerik:RadPane></telerik:RadSplitter>

Please see the attached are screen shots. RadRadioButtonlist OnSelectedIndexChanged works fine outside of Splitter, but does not work inside of a Splitter.
Telerik version 2020.2.617.45 
ASP Web Forms application

[Vessy]

Hi Tim,

Can you remove all custom styles applied to the page where the Splitter is situated and see if the problem persists?

Also, please, make sure that there are no mixed render modes used on the page, you can see how to test this here:

https://docs.telerik.com/devtools/aspnet-ajax/knowledge-base/common-determine-mixed-render-mode

For convenience, I am attaching my test project to this reply. Please, modify it up to a point where the problem occurs If the above steps do not help in finding the root of the problem, and send it back to me.

Regards,
Vessy
Progress Telerik