Combobox composed field

by OnaBai

HTML

<script src="http://demos.kendoui.com/content/shared/js/people.js"></script>
<link rel="stylesheet" href="    http://cdn.kendostatic.com/2014.2.716/styles/kendo.common.min.css">
<link rel="stylesheet" href="    http://cdn.kendostatic.com/2014.2.716/styles/kendo.default.min.css">
<script src="    http://cdn.kendostatic.com/2014.2.716/js/jquery.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.2.716/js/kendo.web.min.js"></script>
<input id="combo"/>

CSS

#grid {
    width : 600px;
}

JavaScript

var ds = new kendo.data.DataSource({
    transport: {
        read : function (op) {
            op.success(createRandomData(5));
        }
    },
    pageSize: 10,
    schema: {
        model: {
            fields: {
                Id: { type: 'number' },
                FirstName: { type: 'string' },
                LastName: { type: 'string' }
            }
        },
        parse: function(response) {
            $.each(response, function(idx, elem) {
                elem.FullName = elem.FirstName + " " + elem.LastName;
            });
            console.log("response:", JSON.stringify(response, null, 4));
            return response;
        }
    }
});

var grid = $("#combo").kendoComboBox({
    dataSource: ds,
    dataTextField: "FullName",
    dataValueField: "Id",
    change : function (e) {
        alert("Value:" + this.value());
    }
});