This is a migrated thread and some comments may be shown as answers.

Kendo MVC Dropdown list settings initial value not working

10 Answers 3271 Views

DropDownList

This is a migrated thread and some comments may be shown as answers.

Paul asked on 03 Jun 2012, 12:42 PM

I am using the following code in my view.

@Html.Kendo().DropDownListFor(x => x.PasswordStrength).BindTo(Model.AvailablePasswordStrengths).DataTextField("Text").DataValueField("Value").Value(Model.PasswordStrength.ToString())

Notice that I am settings the "value" of the drop down list. The outputed js doesn't have the initial selected value.

jQuery(function(){jQuery("#PasswordStrength").kendoDropDownList({dataSource:[{"Selected":false,"Text":"Blank","Value":"0"},{"Selected":false,"Text":"Very weak","Value":"1"},{"Selected":false,"Text":"Weak","Value":"2"},{"Selected":true,"Text":"Medium","Value":"3"},{"Selected":false,"Text":"Strong","Value":"4"},{"Selected":false,"Text":"Very strong","Value":"5"}],dataTextField:"Text",dataValueField:"Value"});});

EDIT: After looking with reflector, I found DropDownItemFactory and DropDownItemBuilder, and I couldn't find an usages of them. Also, It seems like the "Value" of the builder isn't being used either. I'm confused. I know this is beta, but beta implies "we are done, but needs more testing," and not "We are not done implementing classes but here is what we got so far.". This is a BETA product and not a preview. The two are different.

10 Answers, 1 is accepted

answered on 17 Jun 2012, 12:48 PM

Did you ever get this working? Because I have exactly the same problem. I am trying to bind a DropDownList to a property of my model and the initial value just is not getting set correctly. I've wasted a good few hours on this and documentation appears to be rather scant.

With the old Telerik MVC extensions it appeared to be enough to just use DropDownListFor, BindTo and a SelectList with the available values. The model was bound automatically and the initial value set to that of the model. However, with Kendo this isn't happening.

How to set the initial value so that it matches that of the model?

answered on 17 Jun 2012, 02:28 PM

I have a workaround until they release a fix.

public static DropDownListBuilder BindToSelectList(this DropDownListBuilder builder, IList<SelectListItem> selectList, object selectedValue = null)

{

var selectedIndex = selectList.IndexOf(selectList.SingleOrDefault(x =>

{

if (x.Selected)

return true;

if (selectedValue == null)

return x.Value == string.Empty;

if (x.Value.Equals(selectedValue.ToString(), StringComparison.InvariantCultureIgnoreCase))

return true;

return false;

}));

if (selectedIndex < 0)

{

selectedIndex = 0;

}

return builder.BindTo(selectList).DataTextField("Text").DataValueField("Value").SelectedIndex(selectedIndex);

}

answered on 18 Jun 2012, 10:13 AM

KendoDropDownList.zip

Hi guys,

This is a known issue, which is already fixed. We did not render the value of the DropDownList. In the next version the rendered input element will have a value attribute. You can overcome this limitation setting the attribute manually:

@(Html.Kendo().DropDownListFor(m => m.CustomerID)

.BindTo(Model.Customers)

.DataTextField("Text")

.DataValueField("Value")

.HtmlAttributes(new { value = "AROUT" })

)

I have attached a sample project.

All the best,
Georgi Krustev
the Telerik team

Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!

answered on 29 Aug 2012, 10:40 PM

Georgi, is which release will this (or is this already) fixed?

In any case, I made a version based on Paul's workaround that wraps DropDownListFor when using enum properties in a slightly more concise way:

public static DropDownListBuilder EnumDropDownListFor<TModel, TEnum>(

this WidgetFactory<TModel> widgetFactory,

Expression<Func<TModel, TEnum>> selectedValue,

TEnum value)

{

var items = Enum.GetValues(typeof(TEnum))

.Cast<TEnum>()

.Select((x,i) => new

{ 

                                Name = Enum.GetName(

typeof

(TEnum), x), 

                                Value = x, 

                                Index = i })

.ToArray();

var selectedItem = items.SingleOrDefault(x => x.Value.Equals(value));

var selectedIndex = (null == selectedItem) ? 0 : (selectedItem.Index + 1);

return widgetFactory.DropDownListFor<TEnum>(selectedValue)

.BindTo(items)

.SelectedIndex(selectedIndex)

.DataTextField("Name")

.DataValueField("Value");

}

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Kendo MVC Dropdown list settings initial value not working

10 Answers, 1 is accepted