在Kendoui Scheduler templete中集成Kendoui自动完成功能

时间:2016-11-07 00:03:18

标签: kendo-ui kendo-scheduler kendo-autocomplete

我期待在kendoui调度程序模板中添加kendoui自动完成控件。但是,以下代码不会对自动填充文本框的数据进行任何调用。我明白,这不是任何事件。

任何帮助都将不胜感激。

            <script id="editor" type="text/x-kendo-template">
               <h3>Edit meeting</h3>
               <p>
                   <label>Title: <input name="title" /></label>
               </p>
               <p>
                   <label>Start: <input data-role="datetimepicker" name="start" /></label>
               </p>
               <p>
                   <label>End: <input data-role="datetimepicker" name="end" /></label>
               </p>
               <p>
                   <label>Users: <input name="txtUsersAutoComplete" /></label>
               </p>
            </script>
            <div id="scheduler"></div>
            <script>
            $("#scheduler").kendoScheduler({
              date: new Date("2013/6/6"),
              editable: {
                template: $("#editor").html()
              },
              views: [
                { type: "day" }
              ],
              dataSource: [
                {
                  id: 1,
                  start: new Date("2013/6/6 08:00 AM"),
                  end: new Date("2013/6/6 09:00 AM"),
                  title: "Interview"
                }
              ]
            });
            </script>
            <script>
            var dataSource = new kendo.data.DataSource({
              transport: {
                read: {
                  url: "http://demos.telerik.com/kendo-ui/service/products",
                  dataType: "jsonp"
                }
              }
            });
            $("#txtUsersAutoComplete").kendoAutoComplete({
              dataSource: dataSource,
              dataTextField: "ProductName"
            });
            </script>

0 个答案:

没有答案
相关问题