使用 html 页面上的 javascript 动态添加 kendo 下拉列表

Question

我正在尝试为个人网站复制 google 表单。我遇到的问题运行是在用户添加另一个部分时动态创建控件。

我无法创建 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 的网站的其他部分工作。脚本全部捆绑

提前致谢

Answer 1

你好像忘记在第 37 行输入 $。

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

当错误显示 "is not a function" 时，这意味着您键入的函数名称不正确或者您没有访问正确的元素。

在这种情况下，您正在尝试访问“#type”字符串的 kendoDropDownList 函数。

使用 html 页面上的 javascript 动态添加 kendo 下拉列表

Add a kendo drop down dynamically using javascript on html page

javascript

kendo-ui

kendo-dropdown