jquery – 在kendo模板中创建一个kendo下拉列表

<script id="myTmpl" type="text/x-kendo-tmpl">
 <div id="myDropDown">
 </div>  

</script>

这是我的一个代码示例.有没有办法在div标签上创建一个下拉列表,因为该div实际上不是一个DOM对象,因此我无法选择Jquery选择器？

$('#myDropDown').kendoDropDownList // invalid,item doesn't exist.

我不打算从HTML下载,因为我的代码中的某个地方有我的下拉列表获取数据,并且获取该数据需要时间.这就是为什么我希望能够做类似的事情

$('#myDropDown').setDataSource //or however the correct Syntax is.

所以有两个问题：如何从模板中实例化一个kendo下拉列表.

如果那是不可能的,如何为我的下拉列表“拥有”dataSourceChanged事件,这样我就可以在我的下拉列表中更新数据.

解决方法

尝试为网格创建自定义弹出编辑器时遇到了同样的问题.我发现在将模板附加到页面后触发了edit命令,因此我能够在编辑中使用函数初始化Kendo drop.

例如,如果您的模板如下所示：

<script id="myTmpl" type="text/x-kendo-tmpl">
     <div id="myDropDown">
     </div>  

</script>

网格看起来像这样：

$("#grid").kendoGrid({
    ...
    editable: {
        mode: "popup",template: kendo.template($("#myTmpl").html())
    },edit: function (e) {
        $("#myDropDown").kendoDropDownList({
              ...
        });
    }

});

这是一个工作示例：http://jsfiddle.net/ak6hsdo8/2/