03-tab_and_listview.html

<!--CEM: this appears to be working...  -->
<div id="drinks" data-role="view" data-layout="main-layout">
    <ul data-role="listview" data-style="inset" data-source="drinks" data-template="drinks-template" ></ul>
    <div data-role="header">
        <div data-role="navbar">Drinks ONE</div>
    </div>
</div>

<div id="drinksToo" data-role="view" data-layout="main-layout">
    <ul data-role="listview" data-style="inset" data-source="drinks" data-template="drinks-template" ></ul>
    <div data-role="header">
        <div data-role="navbar">Drinks TOO</div>
    </div>
</div>


<script type="text/x-kendo-tmpl" id="drinks-template">
    <a>
        <img src="images/drink.png" />
        <h2>#: data #</h2>
    </a>
</script>

<div data-role="layout" data-id="main-layout">

    <div data-role="footer">      
      <div data-role="tabstrip">
        <a data-icon="home" href="#drinks">Drinks</a>
        <a data-icon="home" href="#drinksToo">DrinksToo</a>
      </div>
    </div>
</div>