ComboBox - set initial value

by krustev

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<div id="window">
    <input id="titles"/>
</div>

JavaScript

$(document).ready(function() {
    $("#window").kendoWindow({
        visible: false,
        modal: true,
        title: 'My Title',
        width: '415px',
        draggable: true
    });

    $("#window").data("kendoWindow").open();

    $("#titles").kendoDropDownList({
        dataTextField: "Name",
        dataValueField: "Id",
        autoBind: false,
        dataSource: {
            type: "odata",
            serverFiltering: true,
            filter: [{
                field: "Name",
                operator: "contains",
                value: "Star Wars"
            },{
                field: "BoxArt.SmallUrl",
                operator: "neq",
                value: null
            }],
            transport: {
                read: "http://odata.netflix.com/Catalog/Titles"
            }
        }
    });
    
    $("#titles").data('kendoDropDownList').value("ApOCQ");
});