Load Dropdown based on radio button selected.

[Ravi]

Hello,

I am new to kendo and MVC3,
could you please know how to bind the drop-down list based on the radio button value selected.

Thanks in advance.

Regards,
Ravi

[Jayesh Goyani]

Hello,

Please try with below link.

http://www.kendoui.com/forums/ui/dropdownlist/dropdownlist-datasource-binding-help.aspx

$(document).ready(function () {

 $('input[id="YourRadioButtonID"]').each(function () {

            $(this).bind("click", function () {

 

// Your Ajax call code comes here

 

            });

        });

 });

Thanks,
Jayesh Goyani

[Jayesh Goyani]

Hello,

Another Solution.

.cshtml

<script type="text/javascript">

    $(document).ready(function () {

 

        $('input[id="CoutryID"]').each(function () {

            $(this).bind("click", function () {

                BindStateCombo($(this).val());

            });

        });

 

 

    });

 

 

    function BindStateCombo(CoutryID) {

 

        var dataSource = new kendo.data.DataSource({

            transport: {

                read: {

                    url: "YourDomain" + "VendorAccount/GetStateByCountry",

                    data: {

                        Value: CoutryID

                    }

                }

            }

        });

 

        var ddl = $('#StateID').data("kendoDropDownList");

        ddl.setDataSource(dataSource);

        ddl.refresh();

    }

 

</script>

<div>

    @if (Model.Countries != null && Model.Countries.Count > 0)

    {

        foreach (var radioitem in Model.Countries)

        {

        @Html.RadioButtonFor(model => model.CoutryID, radioitem.CountryID);

         

        @radioitem.CountryName;

        <br />                                                                                 

        }

    }

    <br />

    @(Html.Kendo().DropDownListFor(model => model.StateID)

                    .Name("StateID")

          .OptionLabel("--Select--")

                  .DataTextField("StateName")

                  .DataValueField("StateID")

    )

</div>

Controller

public JsonResult GetStateByCountry(string Value)

        {

            int CountryID = 0;

 

            if (!string.IsNullOrEmpty(Value))

            {

                CountryID = Convert.ToInt32(Value);

            }

             

 

            var dataitem = new List<Data.Country>(); // Do your logic here

            return Json(dataitem, JsonRequestBehavior.AllowGet);

        }

Model

public class AddCoverageArea

    {

        public string CoutryID { get; set; }

        public string StateID { get; set; }

      

        public List<Country> Countries { get; set; }

       


      

    }

Thanks,
Jayesh Goyani

[Ravi]

Thanks Jayesh