title: Kendo Dropdown Value id not updating the GRID after ADD/EDIT
body: <p>I have using the below code for Kendo Grid. I'm using six dropdown and one text box input fields. It works perfectly fine for add, edit &amp; delete operations and also reflect the records into database, but the only problem is after add and edit operation, value of dropdown field not displaying the grid but values are into database.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$("#riskassessment").kendoGrid({
          dataSource: {
              transport: {
                  read: { url: serverUrl + "/RiskAssessment/GetRiskAssessment", type: "GET", dataType: 'json', cache: false },
                  update: {
                      url: serverUrl + "/RiskAssessment/PostRiskAssessmentEdit",
                      type: "POST"                    
                  },
                  create: {
                      url: serverUrl + "/RiskAssessment/PostRiskAssessmentAdd",
                      type: "POST"                   
                  },
                  destroy: { url: serverUrl + "/RiskAssessment/DeleteRiskAssessment", type: "POST", cache: false }               
              },
              schema: {
                  model: {
                      id: "RiskAssessmentConfigId",
                      fields: {
                          RiskAssessmentConfigId: { editable: false, nullable: false },
                          ComponentId: { editable: true, nullable: false, validation: { required: true } },
                          XCHKZEROId: { editable: true, nullable: false, validation: { required: true } },
                          YieldId: { editable: true, nullable: false, validation: { required: true } },
                          CVALBEId: { editable: true, nullable: false, validation: { required: true } },
                          CVALFQAID: { editable: true, nullable: false, validation: { required: true } },
                          RiskId: { editable: true, nullable: false, validation: { required: true } }
                      }
                  }
              },
              sort: [{ field: "ComponentId", dir: "asc" }],
              pageSize: 5
          },
          columns: [
                  { field: "ComponentId", title: "Component", editor: ComponentDropDownEditor, width: "150px", template: "#= GetGeneralDDLabelName(ComponentId) #" },
                  { field: "YieldId", title: "Yield", editor: YieldDownEditor, width: "150px", template: "#= GetGeneralDDLabelName(YieldId) #" },
                  { field: "CVALBEId", title: "CVAL BE", editor: CVALBEDropDownEditor, width: "150px", template: "#= GetGeneralDDLabelName(CVALBEId) #" },
                  { field: "CVALFQAID", title: "CVAL FQA", editor: CVALFQADropDownEditor, width: "150px", template: "#= GetGeneralDDLabelName(CVALFQAID) #" },
                  { field: "XCHKZEROId", title: "XCHKZERO", editor: XCHKZERODropDownEditor, width: "150px", template: "#= GetGeneralDDLabelName(XCHKZEROId) #" },
                  { field: "RiskId", title: "Risk", editor: RiskDropDownEditor, width: "150px", template: "#= GetRiskDDLabelName(RiskId) #" },
                  { field: "Remarks", title: "Remarks" },
                  { command: ["edit", "destroy"], title: "&amp;nbsp;", width: "180px" }],
          editable: "popup",
          pageable: true,
          sortable: true,
          toolbar: ["create"],
          change: onChange,
          RequestEnd: onGridDataSourceRequestEnd
      });</code></pre>
  </div>
  </div>
  </p>
  
  <p>After Save or Edit record display like below.</p>
  
  <p><img src="https://i.stack.imgur.com/E8o53.png" alt="enter image description here"></p>
  
  <p>Any one please help me to fix this issue.</p>
  
  <p>I have also added RequestEnd event to refresh the grid, but event not triggering.</p>
  
  <pre><code>function onGridDataSourceRequestEnd(e) {
      alert(e.type);
      if (e.type == "update") {
          $("#riskassessment").data("kendoGrid").dataSource.read();
      }
  }
  </code></pre>