使用Kendo Mobile，如何在抽屉全屏幕中制作视图？

Question

我正在构建使用Kendo Mobile Drawer的Kendo移动应用程序。我需要有一个特定的视图隐藏和显示抽屉导航按钮/页眉/页脚等类似于Kindle阅读器应用程序。因此，当用户与视图交互时，视图填满整个屏幕并继续直到用户触摸屏幕的顶部或底部附近。然后应用程序需要导航按钮等重新出现。有关如何完成此任务的任何建议？任何帮助将不胜感激。

Answer 1

布局本质上是一个视图，可以通过编程方式呈现。像这样的东西会起作用：

<div id="app"></div>

<script>
    var view = new kendo.View("<span>Foo</span>");

    var layout = new kendo.Layout("<header>Header</header><section id='content'></section><footer></footer>");

    layout.render($("#app"));

    layout.showIn("#content", view);
</script>

您应该能够加载不同的布局（没有页眉和页脚）并在其中显示您的内容。