將DropDownList與遠程數據添加到Kendo計劃程序彈出模式

Question

我正在嘗試向遠程數據（http://demos.telerik.com/kendo-ui/dropdownlist/remotedatasource）添加kendo下拉列表到kendo計劃程序 - 以下是他們的dojo中的代碼示例：http://dojo.telerik.com/ebeMo我一直在努力實現此項工作一個星期，我完全困惑。我真的需要爲我的工作做好準備。

Answer 1

你需要做幾件事情要做到這一點：

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>

示例代碼：http://dojo.telerik.com/ETilE

希望有所幫助。