How to disable default value in Kendo dropdownlist?

Question

I have a Kendo grid and I’m creating a template for editing the data presented on the grid, but I’m having problems with the code below...
This is part of the code of my template:

<script id="popup_editor" type="text/x-kendo-template">

<div class="k-edit-label">
   <label for="Sexo">Sexo</label>
</div>

<input name="Sexo"
   data-bind="value:Sexo"
   data-value-field="sexoValue"
   data-text-field="sexoName"
   data-source="sexoDropDownDataSource"
   data-role="dropdownlist" />

</script>

This is my script to fill the dropdownlist with the necessary data:

sexoDropDownDataSource = new kendo.data.DataSource({
                autoBind: false,
                dataTextField: "sexoName",
                dataValueField: "sexoValue",
                data: [
                    { sexoName: "Masculino", sexoValue: "M" },
                    { sexoName: "Feminino", sexoValue: "F" }
                ]
            });

As you can see it is all right, and the code is working perfectly bringing the value that is on the grid, but the problem is that even with the autoBind receiving the value false the dropdownlist is coming with the first option always selected (in case masculino), that is, when the data of a person of sex feminino is edited, the dropdownlist shows by default the value that came from the grid (feminino), but when it is expanded the two values selected are displayed. How can I resolve this?

Look what I’m talking about:

Answer 1

Try to use the event dataBound in your dropdownlist to leave selected the value that comes from the grid. Maybe in this link you can help:

https://stackoverflow.com/questions/28937194/kendo-dropdownlist-default-item-binding-with-kendo-grid

Example:

var sexoDataDropDown = $("#sexoDropDownDataSource").data("kendoDropDownList");
sexoDataDropDown.value(Masculino);