Kendo, kendoDropDownList, _selectedValue, всегда первый вариант

Question

Возможно, это легко, но я застрял.

У меня есть функция, которая работает с kendoDropDownList, и я не могу получить значение selectedIndex. Игнорируя, что на самом деле делает функция, может кто-нибудь объяснить это?

function setDocTypeAssociates(event){ 

    var dropdownlist = $("#type_doma_ky").data("kendoDropDownList"); 
    console.log(dropdownlist); 
    console.log(dropdownlist._selectedValue); 
    console.log(dropdownlist.selectedIndex); 
    ... 

Результат этих трех console.log() s вы можете увидеть в прикрепленном screendump.

Почему правильные значения (65 и 4) в объекте, но некорректные (67 и 0), когда я выгружаю их отдельно?

Answer 1

Это действительно трудно сказать, почему вы получите эти результаты, я лично пытался воспроизвести их и не смог.

В любом случае самый лучший способ, чтобы получить ваши данные будут:

 var dropdownlist = $("#list").data("kendoDropDownList"); 
     console.log(dropdownlist); 
     console.log(dropdownlist.text()); 
     console.log(dropdownlist.value());  
     console.log(dropdownlist.selectedIndex); 

с текстом() и значение() функции.

В целом Telerik не рекомендует использовать поля, начинающиеся с подчеркивания, потому что они настроены для внутреннего использования и могут измениться. Например, в последней версии пользовательского интерфейса Kendo _selectedValue возвращает undefined.

Я создал рабочий пример для вашей справки.

http://dojo.telerik.com/eNUkU

Answer 2

взгляд на эту скрипку: (https://jsfiddle.net/cr1v6cvh/1/)

Получить данных

<script> 

$("#btnGetData").kendoButton({ 
    click: function (event){ 

     var dropdownlist = $("#dataList").data("kendoDropDownList"); 
     console.log(dropdownlist); 
     console.log(dropdownlist.text()); 
     console.log(dropdownlist.value());  
     console.log(dropdownlist.selectedIndex); 
    } 
    }) 
    $(document).ready(function() { 
    $(".ddlData").kendoDropDownList({ 
     dataTextField: "text", 
     dataValueField: "value", 
     dataSource: [ 
     { text: "data 1", value: "1" }, 
     { text: "data 2", value: "2" }, 
     { text: "data 3", value: "3" }, 
     { text: "data 4", value: "4" } 
     ] 
    }); 
    }); 



</script>