How to use page method to bind control to differnet data sources?

Question

If I have radiobuttonlist like this:

 <asp:RadioButtonList ID="rbtn_PeriodTypeName" runat="server" DataTextField="PeriodTypeName" DataValueField="PeriodTypeId" AutoPostBack="true" RepeatDirection="Horizontal">
</asp:RadioButtonList>

And according to the user selection, I have to bind my dropdownlist from database.

<telerik:RadDropDownList ID="ddl_PeriodType" runat="server">

</telerik:RadDropDownList>

How to do something like that using Ajax page method?

EX:

My radio button list:

• 1
• 2
• 3

If the user select 2 the dropdownlist should be like this:

• W1
• W2
• W3

Answer 1

Bind the data for all the drop downs in the initial load of the page if

1. the number of options in each of the dropdowns is not too much
2. the data source of the dropdowns doesn't change based on the radio button selected

And, toggle the visibility of the drop downs in the client side based on the radio button selected in the client side itself..