title: Sorting custom dropdown in KendoUI grid
body: <p>I am using  KendoUI Jquery grid. I have a custom combobox editor which is binded with a datasource.</p>
  
  <p>My problem is I can sort the other columns of this grid perfectly, but this column on sorting give unexpected random results. Can anyone please help me how can I sort this column? code attached.</p>
  
  <pre><code>{ field: "Status", editor: statusDropDownEditor, template: '#=GetStatusColor(Status.Text)#', width: "90px" }
  
  var statusData = new kendo.data.DataSource({
          data: [
              {  Text: "New", Value: "a9d59cd8-f569-45c4-bfdd-05f41db9e2f3" },
              {  Text: "Ready", Value: "e4aa129f-44b6-44e3-b5da-2ecc5c5c20c0" },
              {  Text: "Query", Value: "50b1af07-71a0-462f-86ec-a164d43a9b65" },
              {  Text: "Cancelled", Value: "79ee44ea-bc39-4a71-ad6d-c47886d0f69b" }
          ]
      });
  
  function statusDropDownEditor(container, options) {
          $('&lt;input data-text-field="Text" data-value-field="Value" data-bind="value:' + options.field + '"/&gt;')
              .appendTo(container)
              .kendoDropDownList({
                  autoBind: false,
                  dataTextField: "Text",
                  dataValueField: "Value",
                  dataSource: statusData
              });
      }
  </code></pre>