why cell editing with dropdownlist causing the cell close

[Jones]

I have a grid with editable  when the cell, I make the with it, but it will close immidiately, it is work with version   but not work with 2017.2.504

<script>
  var ops = [ { Value: "Match", Text: "Match" },
                { Value: "Any", Text: "Any" }];
  var operator;
   function changeOperator(e, obj, operator){

     e.container.find("input[name='oper']").kendoDropDownList({
                        optionLabel: "Select",
                        dataTextField: "Text",
                        dataValueField: "Value",
                        dataSource: operator
                    });


    }
$("#grid").kendoGrid({
  columns: [
    { field: "oper"},
    { field: "val" }
  ],
  dataSource: {
    data: [
      { id: 1, oper: "Match", val: 30 },
      { id: 2, oper: "Match", val: 33 }
    ],
    schema: {
      model: { id: "id" }
    }
  },
  editable: "incell",
  edit: function(e) {
    operator = [ops[0], ops[1]];
    changeOperator(e, "", operator);
  },

});

</script>

here is my code in dojo

http://dojo.telerik.com/iguti/2

anyone could tell me why?

thanks a lot.

 

 

[Preslav]

Hello Jones,

In order to achieve this functionality, I would suggest following the approach outlined in this demo:

http://demos.telerik.com/kendo-ui/grid/editing-custom

Regards,
Preslav
Telerik by Progress