Web SQL support in Kendo Mobile UI

5 posts, 0 answers
  1. David
    David avatar
    12 posts
    Member since:
    Mar 2008

    Posted 14 Nov 2013 Link to this post

    Hi
    I'm trying to use web SQL databases with kendo mobile datasources. My code is based on a Kendo Web example that works fine but there is no way to make it works on mobile version. It doesn't trhow any exception but it doesn't works. Anyone has do it? I attached my code.
    Thanks
  2. David
    David avatar
    12 posts
    Member since:
    Mar 2008

    Posted 14 Nov 2013 Link to this post

    Sorry, I had forgotten the file.
  3. Petyo
    Admin
    Petyo avatar
    2444 posts

    Posted 15 Nov 2013 Link to this post

    Hello David,

    the listview endless scrolling mode has certain requirements about the way the datasource is configured (server paging, total setting, etc). Removing this configuration option will enable your example to work as expected

    Regards,
    Petyo
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  4. David
    David avatar
    12 posts
    Member since:
    Mar 2008

    Posted 03 Dec 2013 Link to this post

    Hi, I tried the same code, but using Scrollview and It doesn't works.
    This is my example: http://jsbin.com/uGuzuRIc/2/edit
    I wan't to read directly from my websql bd, and i wan't to make it paged because the real example have more than 1000 items with images.

    Thanks
  5. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2895 posts

    Posted 05 Dec 2013 Link to this post

    Hello David,

    I updated your example:
    Changes which I did are:
    • upgraded to latest official build as the release which you were using is outdated;
    • removed all the data attributes attached to the ScrollView element in order to avoid double initialization;
    • updated ScrollView settings used to build the widget inside the init event handler
      $("#scrollview1").kendoMobileScrollView({
          dataSource: dataSource,
          template: $("#pull-with-endless-template").text(),
          contentHeight: "100%",
          enablePager: false
      });
    • added data-stretch="true" to the view in order to expand the ScrollView content.

    I hope this information will help.

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