I have a phonegap application including a drawer instance. I'm using the newest Kendoui and was trying the latest internal build.
Every time I open an external view (a href link, without http, local file in phonegap) in the drawer all event handler get applied again to any allready loaded view. This happens only if I open/load a new external view.
If I open an allready open external view the click event handler don't get applied again. This ends in having as much click event handler applied as I open external views from the drawer.
kendoui 2014.2.1020.commercial
The code I'm using looks like:
Every time I open an external view (a href link, without http, local file in phonegap) in the drawer all event handler get applied again to any allready loaded view. This happens only if I open/load a new external view.
If I open an allready open external view the click event handler don't get applied again. This ends in having as much click event handler applied as I open external views from the drawer.
kendoui 2014.2.1020.commercial
The code I'm using looks like:
<!-- drawer --><div id="drawer" data-role="drawer" data-swipe-to-open="true" data-before-show="onBeforeShowDrawer"> <ul data-role="listview"> <li class="block dark"> <div class="left"> <a href="content/candidate/index.html" data-role="button" data-badge="10" data-icon="candidates"> Candidates </a> </div> <div class="right"> <a href="content/job/index.html" data-role="button" data-badge="10" data-icon="community"> Jobs </a> </div> </li> </ul></div><!-- layout --><div data-role="layout" data-id="default"> <header data-role="header"> <div data-role="navbar"> <a href="#drawer" data-role="button" data-icon="settings" data-rel="drawer" data-align="left"></a> <a href="content/settings/index.html" data-role="button" data-icon="settings" data-align="right"></a> </div> </header> <footer data-role="footer"> <div data-role="tabstrip"> <a href="#drawer" data-role="button" data-icon="home" data-rel="drawer" data-align="left"></a> <a href="#index" data-role="button" data-icon="home">Home</a> </div> </footer></div><div data-role="layout" data-id="plain"></div><!-- views --><div id="index" data-role="view" data-title="Home" data-layout="default" data-init="onInitIndex"> <div id="logo"></div></div> var app = new kendo.mobile.Application($(document.body), { root: "", initial: page, layout: layout, skin: "flat", // no transition by default with drawer navigation // transition: "slide", webAppCapable: true });