Tenho um kendo grid e estou criando um template para edição dos dados apresentados na grid, mas estou com problemas no código abaixo...
Este é parte do código do meu 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>
Este é meu script para preencher o dropdownlist
com os dados necessários:
sexoDropDownDataSource = new kendo.data.DataSource({
autoBind: false,
dataTextField: "sexoName",
dataValueField: "sexoValue",
data: [
{ sexoName: "Masculino", sexoValue: "M" },
{ sexoName: "Feminino", sexoValue: "F" }
]
});
Como podem ver está tudo certo, e o código está funcionando perfeitamente trazendo o valor que está na grid, mas o problema é que mesmo com o autoBind
recebendo o valor false
o dropdownlist
está vindo com a primeira opção sempre selecionada (no caso masculino
), ou seja, quando os dados de uma pessoa do sexo feminino
é editado, o dropdownlist
mostra como padrão o valor que veio da grid (feminino
), mas quando é expandido é exibido os dois valores selecionados. Como posso resolver isso?
Vejam do que estou falando:
value
, veja este exemplo.kendoDropDownList
é criado dentro dox-kendo-template
e não posso criar um objeto desse tipo em javascript para ser colocado lá, apenas oDataSource
. Estou estudando um pouco dessex-kendo-template
, não é possível que não exista uma propriedade que dê pra fazer isso.