将带有远程数据的DropDownList添加到Kendo Scheduler弹出模式

时间:2016-11-28 16:01:21

标签: kendo-ui telerik kendo-scheduler

我正在尝试将一个带有远程数据(http://demos.telerik.com/kendo-ui/dropdownlist/remotedatasource)的kendo下拉列表添加到kendo调度程序中 - 这是他们的dojo中的代码示例:http://dojo.telerik.com/ebeMo我一直在努力使其工作一周,我完全感到困惑。我真的需要让这个工作为我的工作。

1 个答案:

答案 0 :(得分:0)

你需要做几件事来实现这个目标:

  1. 创建自定义模板

    <div id="scheduler"></div> <script id="customEditorTemplate" type="text/x-kendo-template"> <input id="dropdownlist" /> </script>

  2. 在可编辑部分配置自定义模板

  3. 在编辑部分

    中附加下拉列表组件

    <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>

  4. 示例代码:http://dojo.telerik.com/ETilE

    希望有所帮助。