default value in dropdownlist

[Sebastian]

I have this

$('<input data-bind="value:' + options.field + '"/>')
    .appendTo(container)
    .kendoDropDownList({
        suggest: true,
        select: function(e) {
            personSource.setDirty();
        },
        dataSource: rows,
    });
////////////////
whenever I load the page the dropdownlist is not automatically filled with the first value of the list (default value).
I have to click the mouse or do something and it gets filled.

if I put it like this
alert('hello');
$('<input data-bind="value:' + options.field + '"/>')
    .appendTo(container)
    .kendoDropDownList({
        suggest: true,
        select: function(e) {
            personSource.setDirty();
        },
        dataSource: rows,
    });

after I click the alert the default value is filled.
How can I make it fill the default without needing a popup?

[Misho]

Hello,

The default value of the dropdownlist could be set by index or value. Here is a dojo sample showing both approaches:

https://dojo.telerik.com/OxiLAGaP/5 

I hope this helps.

Best Regards,
Misho
Progress Telerik