Kendo UI

jQuery + Kendo UI + MockJax + Knockout

by marhaba

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.blueopal.min.css">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.1.319/js/kendo.all.min.js"></script>
<input id="color" value="1" required data-required-msg="Select color" />

JavaScript

var data = [{
     text: "Black",
     value: "1"
 }, {
     text: "Orange",
     value: "2"
 }, {
     text: "Grey",
     value: "3"
 }];

 // create DropDownList from input HTML element
 var ddl = $("#color").kendoDropDownList({
     dataTextField: "text",
     dataValueField: "value",
     dataSource: data,
     index: 0,
     optionLabel: "Select color...",
     change: function () {
        validator.validate();
         if (ddl.value() == 3)
         {
             console.log('Do something ?');
         }
         
     }
 }).data("kendoDropDownList");

 var validator = $("#color").kendoValidator().data("kendoValidator");