This is a migrated thread and some comments may be shown as answers.
[Solved] RadComboBox - To Interact Related Combo Boxes Without Postback

7 Answers 175 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
7 Answers, 1 is accepted

answered on 11 Nov 2009, 01:17 PM
    
                        var continentCombo;  
 
                        var countryCombo;  
 
                        var cityCombo;  
 
                        function pageLoad() {  
 
                            // initialize the global variables  
 
                            // in this event all client objects   
 
                            // are already created and initialized  
 
                            continentCombo = $find("<%= RadComboBox1.ClientID %>");  
 
                            countryCombo = $find("<%= RadComboBox2.ClientID %>");  
 
                            cityCombo = $find("<%= RadComboBox3.ClientID %>");  
 
                        }  
 
                        function requestCountry(sender, e) {  
 
                            var context = e.get_context();  
 
                            context["CountryId"] = continentCombo.get_selectedItem().get_value();  
 
                        }  
 
                        function requestCity(sender, e) {  
 
                            var context = e.get_context();  
 
                            context["CityId"] = countryCombo.get_selectedItem().get_value();  
 
                        }  
 
                        function ItemsLoaded(combo, eventArqs) {  
 
                            if (combo.get_items().get_count() > 0) {  
 
                                // pre-select the first item  
 
                                combo.set_text(combo.get_items().getItem(0).get_text());  
 
                                combo.get_items().getItem(0).highlight();  
 
                            }  
 
                        }  
 
                        function ContinentChanged(combo, eventArqs) {  
 
                            countryCombo.clearItems();  
 
                            countryCombo.clearSelection();     
 
                        }  
 
                        function CountryChanged(combo, eventArqs) {  
 
                            cityCombo.clearItems();  
 
                            cityCombo.clearSelection();  
 
                        } 
 
                        <telerik:RadComboBox ID="RadComboBox1" DataSourceID="LinqDataSource1" DataTextField="Name"
 
                         OnClientSelectedIndexChanged="ContinentChanged" DataValueField="Id"
 
                         runat="server">
 
                         </telerik:RadComboBox>
 
                         <telerik:RadComboBox ID="RadComboBox2" runat="server" OnClientItemsRequesting="requestCountry"
 
                          OnClientSelectedIndexChanged="CountryChanged" EnableLoadOnDemand="true">
 
                         <WebServiceSettings Path="Code/DictionariesService.svc" Method="GetCountryItems" />
 
                         </telerik:RadComboBox>
 
                         <telerik:RadComboBox ID="RadComboBox3" runat="server" OnClientItemsRequesting="requestCity"
 
                         EnableItemCaching="false" EnableLoadOnDemand="true">
 
                         <WebServiceSettings Path="Code/DictionariesService.svc" Method="GetCityItems" />
 
                         </telerik:RadComboBox>