drop down in grid template

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='container'>
  <div data-role='grid' data-bind='source:ds' data-columns='[{field:"Name"},{template:"<select  data-role=\"dropdownlist\" data-bind=\"source:dsDDL,value:DropValue\" data-text-field=\"Name\" data-value-field=\"ID\" data-value-primitive=\"false\"><\select>"}]'>

  </div>
</div>

JavaScript

var vm = new kendo.observable({
  person: null,
  dsDDL: [{
    ID: 1,
    Name: "Value 1"
  }, {
    ID: 2,
    Name: "Value 2"
  }],
  ds: [{
    ID: 1,
    Name: "Frank",
    DropValue: 1
  }, {
    ID: 2,
    Name: "Jeff",
    DropValue: 2
  }]
});

kendo.bind('#container', vm)