title: Kendo UI Grid with Drop down Template Not updating value after save to server
body: <p>We are using a server based simple grid. The grid reads and updates data for a remote data source. It has two columns that are using drop down editors. Everything seems to work fine except that after saving, when editor closes, the changed values are not displayed in the edited row. It still shows the old value. When we try to refresh the grid using the sync event, it changes the order of the rows however, it does update the values on refresh. </p>
  
  <p>It seems like the template function is not executed after the update is completed. How to edit the grid / code to ensure that the changed value is reflected in the grid?</p>
  
  <p>Grid Definition code:</p>
  
  <pre><code>$("#servicetype-grid").kendoGrid({
      pageable: true,
      toolbar: [{name: "create", text: ""}, { template: kendo.template($("#servicetype-search-template").html())}],
      columns: [
          {
              field: "serviceName", title: "Service Name" 
          },
          {
              field: "billCalculationTypeId", 
              editor: calculationTypeDropDownEditor, 
              template: function(dataItem) {
                  return kendo.htmlEncode(dataItem.billCalculationTypeName);
              },
              title: "Bill Calculation Type"
          },
          {
              field: "payCalculationTypeId", 
              editor: calculationTypeDropDownEditor, 
              template: function(dataItem) {
                  return kendo.htmlEncode(dataItem.payCalculationTypeName);
              },                            
              title: "Pay Calculation Type"
          },
          {
              command: [
                  { name: "edit", text: { edit: "", cancel: "", update: "" }},
                  { name: "destroy", text:""}
              ],
              title: "Actions"
          }
      ],
      dataSource: dataSource,
      sortable: {
          mode: "single",
          allowUnsort: false
      },
      dataBound: function(e) {
          setToolTip(); 
      },
      edit: function(e) {
          $('.k-grid-update').kendoTooltip({content: "Update"});
          $('.k-grid-cancel').kendoTooltip({content: "Cancel"});
      },
      cancel: function(e) {
          setToolTip();
      },
      editable: {
          mode: "inline",
          confirmation: "Are you sure that you want to delete this record?"
      }
  });
  </code></pre>
  
  <p>Drop down function is defined as:</p>
  
  <pre><code>function calculationTypeDropDownEditor(container, options) {
      $('&lt;input required data-text-field="name" data-value-field="id" data-bind="value:' + options.field + '"/&gt;')
      .appendTo(container)
      .kendoDropDownList({
          autoBind: false,
          dataSource: {
              transport: {
                  read: {
                      dataType: "jsonp",
                      url: baseURL + "rips/services/calculationType/lookupList"
                  }
              }
          }
      });
  }
  </code></pre>