KendoUI 如何布局页面

简单的例子，载入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

Bar

djddldsl

可知，使用上述方法可以将页面进行布局，其中view是内容，header节点是顶部的布局，而footer为底部布局