Блог

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

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

Мой код:

 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, но не загружает выпадающий список kendo. Я получаю эту ошибку:

Вывод:

Kendo работает в других частях веб-сайта, работающих с MVC. Все скрипты поставляются в комплекте.

Заранее благодарю вас

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

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

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

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