kendo-ui - 使用 Kendo Mobile，如何使抽屉内的视图全屏显示？

Question

我构建了一个使用剑道移动抽屉的剑道移动应用程序。我需要隐藏特定视图并显示抽屉导航按钮/页眉/页脚等，类似于 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>

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