我正在尝试将一个带有远程数据(http://demos.telerik.com/kendo-ui/dropdownlist/remotedatasource)的kendo下拉列表添加到kendo调度程序中 - 这是他们的dojo中的代码示例:http://dojo.telerik.com/ebeMo我一直在努力使其工作一周,我完全感到困惑。我真的需要让这个工作为我的工作。
答案 0 :(得分:0)
你需要做几件事来实现这个目标:
创建自定义模板
<div id="scheduler"></div>
<script id="customEditorTemplate" type="text/x-kendo-template">
<input id="dropdownlist" />
</script>
在可编辑部分配置自定义模板
在编辑部分
中附加下拉列表组件 <script>
$("#scheduler").kendoScheduler({
date: new Date("2013/6/6"),
dataSource: [
{
start: new Date("2013/6/6 08:00 AM"),
end: new Date("2013/6/6 09:00 AM"),
title: "Breakfast"
}
],
editable: {
template: $("#customEditorTemplate").html()
},
edit: function (e) {
var dataSource = new kendo.data.DataSource({
transport: {
read: {
url: "http://demos.telerik.com/kendo-ui/service/products",
dataType: "jsonp"
}
}
});
$("#dropdownlist").kendoDropDownList({
dataSource: dataSource,
dataTextField: "ProductName",
dataValueField: "ProductID"
});
}
});
</script>
示例代码:http://dojo.telerik.com/ETilE
希望有所帮助。