title: Kendo UI Dropdownlist in Grid Edit mode
body: <p>Basically I have a Kendo UI Dropdownlist as my first grid column called "instrumentName"
  In popup EDIT mode, I can see the correct instrumentName in the dropdown but there's one problem when I change the value:</p>
  
  <p>As soon as I select a new instrument - the instrument ID shows up on the grid (in the background). The updated INSTRUMENT NAME should appear on the grid.</p>
  
  <p>And once I click UPDATE, it does NOT show the instrument NAME, but rather the instrument ID (which is a number).</p>
  
  <p>Some code snippets:</p>
  
  <pre><code> instrDropDown.value(e.model.instrumentId);
   nodeGrid = $("#curvesGrid").kendoGrid({
        dataSource: new kendo.data.DataSource({ ... });
        columns: [
          {
              field: "instrumentName",
              editor: instrumentsDropDownEditor, template: "#=instrumentName#"
          },
          {
              field: "instrumentTypeName"      
          },
          edit: function(e){
              var instrDropDown = $('#instrumentName').data("kendoDropDownList"); 
              instrDropDown.list.width(350);  // widen the INSTRUMENT dropdown list
              if (!e.model.isNew()) {
                  instrDropDown.value(e.model.instrumentId);
              }
          }
    });
  </code></pre>
  
  <p>and here's my template editor for that Dropdown :</p>
  
  <pre><code>function instrumentsDropDownEditor(container, options) {
  
      // INIT INSTRUMENT DROPDOWN !
      var dropDown = $('&lt;input id="instrumentName" name="instrumentName"&gt;'); 
      dropDown.appendTo(container);
      dropDown.kendoDropDownList({
          dataTextField: "name",
          dataValueField: "id",
          dataSource: {
              type: "json",
              transport: {
                  read: "/api/breeze/GetInstruments"
              },
          },
          pageSize: 6,
          //select: onSelect,
          change: function () { },
          close: function (e) {
  
          },
          optionLabel: "Choose an instrument"
      }).appendTo(container);
  }
  </code></pre>
  
  <p>Do I need to do anything special on change of the Dropdown ?</p>
  
  <p>thanks.
  Bob</p>