Question

我最近的任务是用Telerik / Kendo UI组件替换应用程序上的所有控件。在大多数情况下，这很容易，但我在一个问题上难以接受：

在退出的前剑道应用程序中，有一个表单具有类别的级联下拉列表，但由于我们的管理程序允许管理员创建无限数量的子类别，所以可以有任意数量的下拉列表 - 所以每次如果找到后续子类别（通过对服务器的ajax调用），则通过将字符串连接在一起并将其附加到dom以使用户可以继续选择其他子类别，使用javascript创建新的选择元素。 / p>

在您知道下拉数量的情况下，与Kendo级联似乎很容易，但我无法找到有关如何在javascript中创建新的Kendo下拉列表，设置值等的任何文档。然后将其添加到页面。这可能吗？

我正在摆弄类似下面的东西，但还没有成功......这是可能的，无论是在客户端还是某种ajax调用返回服务器的下拉列表？

<script>
    $(document).ready(function () {
        $('#test-button').click(function () {
            var dropdown = new kendo.ui.DropDownList();
            //Do some configuring and set data...then add to page
            $('#new-dropdown').append(dropdown);
        })
    }
</script>

<button id="test-button">Test</button>
<div id="new-dropdown">

</div>

Answer 1

我发布这个问题后，我找到了解决方案。这就是我提出的，以防任何人需要我需要的相同帮助：

<script>
    $(document).ready(function () {
        $('#test-button').click(function () {
            $('#new-dropdown').append('<select id="dropdown"></select>');
            var dropdown = $("#dropdown").kendoDropDownList({
                name: "name"
                //etc...
            });
        })
    }
</script>

<button id="test-button">Test</button>
<div id="new-dropdown">

</div>

如何使用javascript动态添加Telerik / Kendo DropdownList？

1 个答案: