在 html 页面上使用 javascript 动态添加剑道下拉菜单答案

【问题标题】：Add a kendo drop down dynamically using javascript on html page在 html 页面上使用 javascript 动态添加剑道下拉菜单
【发布时间】：2019-03-26 12:51:04
【问题描述】：

我正在尝试为个人网站复制 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 在使用 MVC 的网站的其他部分工作。脚本都是捆绑的。

提前谢谢你

【问题讨论】：

标签： javascript kendo-ui kendo-dropdown

【解决方案1】：

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

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

当错误提示“不是函数”时，这意味着您输入的函数名称不正确，或者您没有访问正确的元素。

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

【讨论】：

你在开玩笑吧！？谢谢。