Добавить выпадающий кендо динамически, используя JavaScript на HTML-странице - PullRequest
Новая
       15

Добавить выпадающий кендо динамически, используя JavaScript на HTML-странице

0 голосов
/ 26 марта 2019

Я пытаюсь скопировать формы Google для личного сайта. Проблема, с которой я столкнулся, заключается в динамическом создании элементов управления, когда пользователь добавляет еще один раздел.

Я не могу создать выпадающий список кендо javascript, может кто-нибудь помочь мне с этим, пожалуйста.

Мой код: 

var IndexController = {

options: {
    count: 0
},

init: function () {
    var me = IndexController;
    me.bindEvents();

},

bindEvents: function () {
    var me = IndexController;
    var data = [
        { text: "Black", value: "1" },
        { text: "Orange", value: "2" },
        { text: "Grey", value: "3" }
    ];
    me.options.count = 0;
    //$("#Text").click(IndexController.AddText);
    //$('*[data-target="#addField"]').click(IndexController.AddActive);
},

AddNewSection: function () {
    var me = IndexController;
    $("#addNew").before('<div id="addNew" class="AddNew center">\
        <h4><label>Type</label></h4>\
        <input id="'+ me.options.count+'" value="1" style="width: 100%;" />\
    </div>');
    me.CreateDropDown(me.options.count);
    count++;
},

CreateDropDown: function (id) {
    var me = IndexController;
    ("#"+id+"").kendoDropDownList({
        dataTextField: "text",
        dataValueField: "value",
        dataSource: me.bindEvents.data,
        index: 0,
        change: me.onChange()
    });
},

onChange: function () {

}
};

Добавляет div, но не загружает выпадающий список кендо. Я получаю эту ошибку: error Выход: output

Кендо работает в других частях сайта, работая с MVC. Все сценарии в комплекте.

Заранее спасибо

1 Ответ

1 голос
/ 26 марта 2019

Просто кажется, что вы забыли набрать $ на 37-й строке. 

$("#type").kendoDropDownList({})

Когда ошибка говорит "не является функцией", это означает, что либо вы ввели неправильное имя функции, либо вы не обращаетесь к нужному элементу.

В этом случае вы пытаетесь получить доступ к функции kendoDropDownList строки "#type".

...