Загрузить данные в раскрывающийся список кендо

Я пытаюсь связать данные с раскрывающимся списком Kendo, используя вызов ajax. вызов успешно получает данные, но раскрывающийся список кендо не показывает никаких данных.

JSON-объект

введите здесь описание изображения

Падать:

<div class="editor-field">
                @Html.DropDownListFor(model => model.selectedWorkItem, new SelectList(Model.lstWorkItemType), "Select Below...", new { @style = "width:200px;height:20px" })
 </div>

Звонок Аякса:

<script type="text/javascript">
    $(document).ready(function () {

        $("#selectedProject").change(function () {

            var valid = $("#selectedProject").val();

            if (valid != "Select Below...") {

                var procemessage = "<option value='0'> Please wait...</option>";
                $("#selectedWorkItem").html(procemessage).show();
                var murl = "/TFS/TFSProjectDetails/";

                $.ajax({
                    url: murl,
                    data: { pName: valid },
                    cache: false,
                    type: "POST",
                    success: function (data) {

                        if (JSON.stringify(data) != "[]") {
                            var ddl = $('#selectedWorkItem').data("kendoDropDownList");
                            for (var x = 0; x < data.length; x++) {

                                ddl.setDataSource(data[x].Text);
                            }

                            ddl.refresh();
                        }

                    },
                    error: function (reponse) {
                        alert("error : " + reponse);
                    }
                });
            }
        });

    });
</script>

jquery ajax kendo-ui kendo-asp.net-mvc kendo-dropdown
person chamara    schedule 23.10.2013    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Сначала вам нужно указать значение и текстовые поля для отображения в раскрывающемся списке кендо,

  $("#selectedWorkItem").kendoDropDownList({
       dataTextField: "Text",
       dataValueField: "Value",
    });

А затем измените свой метод успеха таким образом, чтобы установить источник данных (я предполагаю, что data - это массив JSON)

 success: function (data) {        
      if (JSON.stringify(data) != "[]") {
              var ddl = $('#selectedWorkItem').data("kendoDropDownList");
                ddl.setDataSource(data);
        }
 },
person Jayantha Lal Sirisena    schedule 23.10.2013