Kendo Autocomplete and Editor.

by grippstick

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.metro.min.css">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.all.min.js"></script>
<div id='container'>
    <textarea id="txtEditTopPriority" data-bind="value: TopPriority" data-tools='["bold", "italic", "underline", "insertUnorderedList", "insertOrderedList"]' data-role="editor"></textarea>
    
    
    
   <h4>AutoComplete:</h4>
            <input data-role="autocomplete"
            data-text-field="name"
            data-bind="source: colors, value: autoCompleteValue"/>
    
    
    
    
    
    
    
</div>

JavaScript

var vm = new kendo.observable({
    TopPriority: "Filler Text",
     autoCompleteValue: null,
     colors: [
        { name: "Red", value: "#f00" },
        { name: "Green", value: "#0f0" },
        { name: "Blue", value: "#00f" }
    ],
    displayAutoCompleteValue: function() {
        var autoCompleteValue = this.get("autoCompleteValue");
        return kendo.stringify(autoCompleteValue);
    },
});


kendo.bind($('#container'), vm);