JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.common.min.css">
<script src="http://cdn.kendostatic.com/2012.2.710/js/kendo.all.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.2.710/js/cultures/kendo.culture.en-AU.min.js"></script>
<select 
    data-bind="source:items, value: value"
    data-text-field="text"
    data-value-field="id" multiple>
</select>
<span data-bind="text: valueAsString"></span>

JavaScript

kendo.bind(document.body, {
  items: [ { id: 1, text: "foo"}, {id:2, text: "bar"} ],
  value: [],
    valueAsString: function() {
        return $.map(this.get("value"), function(item) { return item.id; }).join(", ");
    }
});