简单的例子,载入header与footer
look
<div data-role="view">Bar</div>
<div data-role="layout" data-id="foo">
<div data-role="header">Header</div>
<div data-role="footer">djddldsl</div>
</div>
<script>
new kendo.mobile.Application($(document.body), { layout: "foo" });
</script>
效果:
Header
可知,使用上述方法可以将页面进行布局,其中view是内容,header节点是顶部的布局,而footer为底部布局