How to set the Combo box Value

[Vikas]

Hi,

I'm new to Kendo controls. We are replacing the existing MVC controls with Kendo Controls. 

The existing MVC controls looks like below
 @Html.DropDownListFor(model => model.value, new SelectList(ViewBag.list, "id", "label"))

I can able to load the data but not able to set the value like above. Please suggest to set the value. Below is my Kendo control. It has the Value property but doesn't allow model values in it.

    @(Html.Kendo().ComboBox()
                            .Name("ComboBox")
                            .DataTextField("label")
                            .DataValueField("id")
                            .BindTo(@ViewBag.list
    )

[Georgi Krustev]

Hello Vikas,

 
I will suggest you use the ComboBoxFor, as it provides the same functionality as the Html.DropDownListFor:

@(Html.Kendo().ComboBoxFor(model => model.value)
                            .DataTextField("label")
                            .DataValueField("id")
                            .BindTo(@ViewBag.list
    )

All the best,
Georgi Krustev
the Telerik team

[Marius]

@(Html.Kendo().ComboBoxFor(model => model.GeoGroupCountryId)


                            .DataTextField("Name")

                            .DataValueField("GeoGroupId")

                            .BindTo(@ViewBag.list)

    )

//if you have problem whit circular reference...
//Controller

 ViewBag.list= geocountry.Select(g => new { Name = g.GeoGroup.Name, GeoGroupId = g.GeoGroupId });

///
                                    @( Html.Kendo().ComboBoxFor(model => model.GeoGroupCountryId)
                                .Name("GeoGroupCountryId")
                                .Placeholder("All Countries")
                                .DataTextField("Name")
                                .DataValueField("GeoGroupId")
                                .HtmlAttributes(new { style = "width: 200px;" })
                                .DataSource(source => { source.Read(read => {      read.Action("GetGeoGroupCountry", "GeoGroupPostalCode"); }).ServerFiltering(true); })
                                .AutoBind(true)
                            )
//Controller
        public JsonResult GetGeoGroupCountry()
        {
            var geocountry = _geoGroupService.GetAll<GeoGroupCountry>();
            return Json(geocountry.Select(g => new { Name = g.GeoGroup.Name, GeoGroupId = g.GeoGroupId }), JsonRequestBehavior.AllowGet);
        }