自适应呈现
调度器支持自适应增强，例如样式和行为的更改，以便与特定的用户设备体验保持一致。
例如，当在移动设备上进行编辑时，调度器将为用户滑动一个新屏幕，这与桌面类似的弹出行为不同。
开始
要启用自适应呈现功能，请设置移动财产真正的或“电话”:
- 如果设置为
真正的，该小部件在移动浏览器上查看时将使用自适应渲染。 - 如果设置为
“电话”，无论浏览器类型如何，小部件都将被迫使用自适应渲染。
重要:对于移动渲染，我们建议设置
高度也可以选择。如果不显式设置高度，调度器的每个视图都可能具有不同的高度。
下面的示例演示如何配置调度器的自适应呈现模式。
< div id = "调度器" > < / div > <脚本> $(" #调度器")。kendoScheduler({date: new date ("2013/6/6")， mobile: "phone"， height: "600px"， views: ["day"， {type: "week"， selected: true}， "month"， "agenda"]， dataSource: [{id: 1, start: new date ("2013/6/6 08:00 AM")， end: new date ("2013/6/6 09:00 AM")， title: "Breakfast"}， {id: 2, start: new date ("2013/6/6 10:15 AM")， end: new date ("2013/6/6 12:30 PM")， title: "Job Interview"}]});> < /脚本在手机上配置窗格
放置自适应调度器的移动窗格不会自动展开其高度。若要将自适应调度器添加到Kendo UI移动应用程序，请设置拉伸配置各自的视图真正的并应用100％高度到调度器。或者，定义显式像素调度器高度并省略该窗格拉伸选择。
重要:当调度器的自适应渲染在剑道移动应用程序中使用时，应用我们的一个Less-based主题．
属性，下面的示例演示如何应用拉伸选择。
< div id = " foo " data-role =数据初始“视图”=“onInit”data-stretch = " true " > < div id =“调度”> < / div > < / div > <脚本> var schedulerConfig ={日期:新的日期(“2013/6/6”),手机:“手机”,高度:“100%”,视图:[“天”,{类型:“周”,选中:真},“月”,“议程”,数据源:[{id: 1、开始:新的日期(“2013/6/6喂饲点”),结束:新的日期(“2013/6/6上午09:00”),标题:“早餐”},{id: 2,开始:新的日期(“2013/6/6上午10点”),结束:新的日期(“2013/6/6 12:30”),标题:“面试”}]};onInit() {$("#scheduler").kendoScheduler(schedulerConfig);} var app =新的kendo.mobile.Application();> < /脚本属性，下面的示例演示如何应用高度选择。
< div id = " foo " data-role =数据初始“视图”=“onInit”> < div id =“调度”> < / div > < / div > <脚本> var schedulerConfig ={日期:新的日期(“2013/6/6”),手机:“手机”,身高:400 px,视图:[“天”,{类型:“周”,选中:真},“月”,“议程”,数据源:[{id: 1、开始:新的日期(“2013/6/6喂饲点”),结束:新的日期(“2013/6/6上午09:00”),标题:“早餐”},{id: 2,开始:新的日期(“2013/6/6上午10点”),结束:新的日期(“2013/6/6 12:30”),标题:“面试”}]};onInit() {$("#scheduler").kendoScheduler(schedulerConfig);} var app =新的kendo.mobile.Application();> < /脚本