Slider does not support MVVM

by grippstick

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.default.min.css">
<script src="https://kendo.cdn.telerik.com/2016.1.112/js/kendo.all.min.js"></script>
<div id="example">
  <label>
    <input type="radio" name="type" value="public" data-bind="checked: type" />Public
  </label>
  <label>
    <input type="radio" name="type" value="private" data-bind="checked: type" />Private
  </label>
  <div data-bind="visible:isPublic">
    <select data-bind="value:channel,source:dsPublicChannels">
    
    </select>
  </div>
  <div data-bind="invisible:isPublic">
    <input data-bind="value:channel" /> Yoooo, this isa private channel and you need to go invite the bot to the channel with this name in slack. After you do that, please come click this button so we can make sure everything is correct.
    <button>
      Verify Channel
    </button>
  </div>
</div>

JavaScript

var viewModel = kendo.observable({
      type: "public",
      channel: "",
      isPublic: function() {
        return viewModel.get("type") === "public";
      },
      dsPublicChannels: ["Balls", "wings", "nooobz"]
    });
    kendo.bind($("#example"), viewModel);