disable ajax in KendoUI Mobile?

6 posts, 0 answers
  1. Ronnie
    Ronnie avatar
    7 posts
    Member since:
    May 2012

    Posted 15 Aug 2012 Link to this post

    Hello,

    I am working Kendo Mobile into a CMS and I think the ajax is screwing things up for the navigation. Is there a way I can disable ajax for navigation items?

    I know this works for jquery mobile:
    <script type="text/javascript">
          $(document).bind("mobileinit", function(){
                $.extend(  $.mobile , {
                      ajaxEnabled : false,
                      pushStateEnabled : false
                 });
          });
        </script>

    But I'm not sure how to accomplish this same thing with Kendo. Any help would be much appreciated!

    Thanks!
    -Ronnie
  2. Petyo
    Admin
    Petyo avatar
    2444 posts

    Posted 16 Aug 2012 Link to this post

    Hello Ronnie,

    Kendo UI Mobile uses ajax to load its remote views. I assume that you want to use vanilla http navigation (with page reloading) - in that case, you should specify data-rel="external" to the mobile buttons/links/tabs. This would prevent the ajax call from happening. 

    Regards,
    Petyo
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Ronnie
    Ronnie avatar
    7 posts
    Member since:
    May 2012

    Posted 16 Aug 2012 Link to this post

    Hey there,

    I tried that method, but the application is still appending a hashtag (#) to the URL's.

    Here is the app I am working on: http://kendo.themodmedia.com

    You can see that the nav only works like 3 times before it no longer works, and the hashtags are being appended to the URL's.
  4. Petyo
    Admin
    Petyo avatar
    2444 posts

    Posted 21 Aug 2012 Link to this post

    Hello Ronnie,

    I failed to reproduce the problem on the URL you have provided. Is it possible for you to provide concrete steps (click here, than click here, etc)?

    Greetings,
    Petyo
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  5. sidharth
    sidharth avatar
    1 posts
    Member since:
    Aug 2013

    Posted 12 Aug 2013 Link to this post

    Hello, I am working on the same issue right now. Adding data-rel="external" doesn't seem to help. It just shows me a blank page. Also, why is the dreamweaver
    not loading the auto complete tags. I cannot find any data-* attributes.
    Does Kendo mobile  UI also work in way Jquery mobile works? Loading all the content on the first page ? 
    Kendo Mobile works fine for the first page but then on loading different page using a tag doesnt seem to show kendo mobile support.
    Please help.
  6. Petyo
    Admin
    Petyo avatar
    2444 posts

    Posted 15 Aug 2013 Link to this post

    Hi,

    you can try using the serverNavigation configuration option. Keep in mind that the mobile application should be re-instantiated each time the document is reloaded (if this is what you are trying to achieve, of course). 

    Regards,
    Petyo
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top